Jump to content
lvsis

Overflow-x e overflow-y não funcionam

Recommended Posts

O meu problema é o seguinte:

Tenho um menu vertical com submenus, e queria que quando ele ultrapassasse o comprimento da div aparecesse a barra de rolagem.

Ai é que entra o problema, quando declaro o overflow-y como auto o overflow-x assume o mesmo comportamento, fazendo com que ao passar o mouse em um menu os submenus fiquem escondidos

e apareça uma barra de rolagem horizontal.

 

Código CSS da div que contem o   menu

#menu{
    float: left;
    background-color: #F3F3F3;
    border-right: solid 2px black;
    overflow-x: visible;
    overflow-y: auto;
}

 

Se alguém puder me ajudar já agradeço.

Valeu.

Share this post


Link to post
Share on other sites

já tentou não declarar o x ou deixar ele hidden? acredito que não vai precisar dele uma vez que não quer a barra horizontal

Share this post


Link to post
Share on other sites

Parece que achei o problema.

Os meus menus estão com a propriedade POSITION: RELATIVE. Se eu retiro essa propriedade ou altero o seu valor para qualquer outro o problema do overflow-x não acontece mais. Por que será?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By xdxddxd
      ao clicar em um botão eu gostaria de exibir um confirm no site, mas eu gostaria de Mudar de "OK" Para "Home" e "Cancelar" para "Estoque".
      isso usando javascript puro, alguem pode me ajudar ?
      já agradeço de já.
      tem que usar algum plugin no site ou tem como fazer puro mesmo.
      se quiser deixar só um link com o tutorial eu já agradeço, porém não achei nenhum do jeito que eu quero no google.
    • By Theusy
      Boa tarde pessoal!
      Sou novo em html e css e me deparei com um problema enquanto estava "brincando" de programar.
      Provavelmente um erro bobo de programação, ou algo do tipo.
      Agradeço qualquer tipo de ajuda,
      Obrigado desde já!


    • By Sapinn
      Salve salve.
      Mas uma dúvida minha aqui É o seguinte tenho uma pagina que tem um texto de um usuario e eu gostaria de imprimir esta página usando javascript. Sei que usando o window.print() da pra imprimir o problema é que não fica organizado. Então eu gostaria de imprimir outra pagina na qual eu organizaria melhor o  texto e outra informações do usuario para impressão. Alguém tem algum codigo ae que faça isso?
       
      Desde já agradeço.
    • By Lucas Trindade
      Boa noite galera!
       
      Estou desenvolvendo um site em Bootstrap e surgiu uma dúvida afinal nunca desenvolvi um layout desta forma.
       
      Na foto anexada os 3 cards estão deslocados para baixo do container e isto faz com que a seção seguinte dos cards fique em cima deles por conta deste deslocamento.
       
      Não sei se fui bem claro mas, como eu arrumaria isso? 
       
      Preciso desenvolver este site para enviar para uma empresa. Alguém poderia me ajudar? Se for necessário envio o arquivo com o site inteiro.Obrigado
    • By joicitias
      Olá, 
      Estou aprendendo a programar ainda, e preciso fazer com que ao clicar em um botão o  conteúdo selecionado de um select seja copiado para uma textarea. 
       
       

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.