Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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!
>
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!
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.
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.
Por que definiu absolute na DIV filha? Define também como relative.
http://www.w3schools.com/Css/pr_class_position.asp