Posición absoluta y desbordamiento oculto

Question

Tenemos dos DIV, uno incrustado en el otro. Si el DIV externo no está en posición absoluta, entonces el DIV interno, que está posicionado en forma absoluta, no obedece al desbordamiento oculto del DIV externo (example).

¿Hay alguna posibilidad de hacer que el DIV interno obedezca al desbordamiento oculto del DIV externo sin establecer el DIV externo en posición absoluta (porque eso arruinará nuestro diseño completo)? También posición relativa para nuestro DIV interior no es una opción ya que necesitamos "crecer" de una tabla TD (exmple).

¿Hay alguna otra opción?

Answer 1

Realiza exterior <div> a position: relative y interior <div> a position: absolute. Debería funcionar para usted.

Answer 2

¿Qué hay de position: relative para el div externo? En el ejemplo que oculta el interno. Tampoco lo moverá en su diseño ya que no especifica una parte superior o izquierda.

Answer 3

Usted acaba de hacer div s como esto:

<div style="width:100px; height: 100px; border:1px solid; overflow:hidden; "> 
    <br/> 
    <div style="position:inherit; width: 200px; height:200px; background:yellow;"> 
     <br/> 
     <div style="position:absolute; width: 500px; height:50px; background:Pink; z-index: 99;"> 
      <br/> 
     </div> 
    </div> 
</div> 

espero que este código le ayudará a :)