Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Marcos Coelho2

[Resolvido] Conteúdo por trás da div

Recommended Posts

como eu faço para quando o conteúdo de uma div for maior que a altura dela o conteúdo não aparecer(ficar por trás)... por exemplo, se eu escrevo um texto dentro de uma div, coloco ela com borda de 1px, background branco, altura 200px, largura 300px se o texto superar os 200px de altura ele passa por cima da borda da div e continua descendo até chegar ao final, e eu quero que ele não consiga passar por cima, bem parecido com a postagem de código do fórum, olhem:

 

 

teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se você deseja ocultar o conteúdo se ultrapassar o limite, veja!

 

div.myDiv {
   width: 400px;
   height: 200px;
   overflow: hidden;
}

 

A declaração overflow: hidden; que faz isso acontecer... Mas não esqueça de definir uma largura e uma altura.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se você deseja ocultar o conteúdo se ultrapassar o limite, veja!

 

div.myDiv {
   width: 400px;
   height: 200px;
   overflow: hidden;
}

 

A declaração overflow: hidden; que faz isso acontecer... Mas não esqueça de definir uma largura e uma altura.

 

Wanderson, era isto mesmo, funcionou perfeitamente... Muito obrigado mesmo cara

Compartilhar este post


Link para o post
Compartilhar em outros sites

O problema da solução apresentada é que se o texto passar os 200px o restante será escondido. No exemplo do forum que você apresentou, a caixa se expande para acompanhar a quantidade de texto.

 

Pra fazer isso, você não pode declarar uma altura fixa, ao invés disso, coloque uma altura minima. Por exemplo:

 

.Minhaclass{

min-height:200px;

}

 

Dessa forma a caixa vai ter 200px se tiver vazia e vai expandir se tiver mais conteúdo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.