Position absolut und Überlauf versteckt

Question

Wir haben zwei DIVs, eines in das andere eingebettet. Wenn der äußere DIV nicht absolut positioniert ist, dann folgt der innere DIV, der absolut positioniert ist, nicht dem Überlauf, der von dem äußeren DIV verborgen ist (example).

Gibt es eine Chance, dass der innere DIV dem Überlauf des äußeren DIV gehorcht, ohne den äußeren DIV auf absolute Position zu setzen (weil das unser komplettes Layout verdirbt)? Auch relative Position für unseren inneren DIV ist keine Option, da wir aus einer Tabelle TD (exmple) "herauswachsen" müssen.

Gibt es noch andere Optionen?

Answer 1

Äußere <div> zu position: relative und innere <div> zu position: absolute machen. Es sollte für Sie arbeiten.

Answer 2

Was ist mit position: relative für die äußere div? In dem Beispiel, das den inneren verbirgt. Es wird es auch nicht in seinem Layout verschieben, da Sie weder oben noch links angeben.

Answer 3

Sie machen nur div s wie folgt aus:

<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> 

ich diesen Code hoffen, dass Sie helfen :)