[Resolvido] DIV pai não reconhece a altura de DIV filho com posit

[M. Simão 0]

Oi pessoal,

 

Estou buscando alguma maneira de resolver a seguinte questão, tenho um DIV pai definido com position relative e dentro dele tenho um DIV filho definido com position absolute. O DIV pai não está acompanhando o crescimento do DIV filho devido ao position absolute. O HTML está assim:

 

<div id="pai">
   <div id="filho">
      ...
      Conteúdo
      ...
   </div>
</div>

E o CSS está assim:

 

#pai {
   position:relative;
   border:solid 2px red;
}

#filho {
   position:absolute;
   top:10px;
   left:0px;
   border:solid 2px green;
}

Coloquei as bordas apenas para efeito de visualização. Segue um link abaixo com o código acima.

 

http://www.magicartech.com.br/overflow.php

 

Alguém sabe se é possível fazer o DIV pai enxergar o crescimento do DIV filho mantendo o position absolute?

 

Agradeço qualquer colaboração!

[Eliseu M. 2]

Por que definiu absolute na DIV filha? Define também como relative.

 

http://www.w3schools.com/Css/pr_class_position.asp

[M. Simão 0]

Por que definiu absolute na DIV filha? Define também como relative.

 

http://www.w3schools.com/Css/pr_class_position.asp

 

É que na aplicação real existe um conteúdo entre o DIV pai e o DIV filho, então tenho que dar um recuo para baixo e a maneira que implementei esse recuo foi dando o X e o Y para o DIV filho, informando onde ele deve ficar.

 

Valeu pela sugestão!

[Mística 0]

Use margin-top e margin-left ao invés de top e left. Se necesitar valores negativos podem ajudar. Bom, se é que entendi bem o que você deseja.

[M. Simão 0]

Oi pessoal,

 

A melhor maneira que encontrei para resolver o problema foi removendo os position absolute e fazendo com que as DIVs seguissem o fluxo normal da página, dessa forma a DIV pai enxerga o crescimento das DIVs filhas e meu problema foi resolvido.

 

Agradeço pelas dicas!

 

Um abraço!

 

Os moderadores podem fechar o tópico.