Temos dois DIVs, um incorporado no outro. Se o DIV externo não estiver posicionado absoluto, o DIV interno, que está posicionado absoluto, não obedecerá ao estouro oculto do DIV externo ( exemplo ).
Existe alguma chance de fazer com que o DIV interno obedeça ao estouro oculto do DIV externo sem definir o DIV externo para a posição absoluta (causa que estragará todo o nosso layout)? Também a posição relativa para nossa DIV interna não é uma opção, pois precisamos "crescer" de uma tabela TD ( exemplo ).
Existem outras opções?
E
position: relative
a div externa? No exemplo que oculta o interior. Ele também não o moverá em seu layout, pois você não especifica uma parte superior ou esquerda.fonte
Um elemento absolutamente posicionado é realmente posicionado em relação a um
relative
pai ou ao pai parente encontrado mais próximo. Portanto, o elemento comoverflow: hidden
deve estar entrerelative
eabsolute
elementos posicionados:fonte
Você apenas faz
div
assim:Espero que este código o ajude :)
fonte