Position absolue et débordement masqué

Question

Nous avons deux DIVs, incorporés dans l'autre. Si la DIV extérieure n'est pas en position absolue, puis l'intérieur de la DIV, qui est en position absolue, ne pas obéir à l'débordement caché de l'extérieur DIV (exemple).

Est-il possible de rendre l'intérieur de la DIV obéir à la dépassement caché de l'extérieur, DIV, sans réglage de la DIV extérieure de position absolue (cause qui muck jusqu'à notre disposition complète)? Aussi la position relative de l'intérieur de notre DIV n'est pas une option que nous avons besoin de "pousser" d'une table TD (exmple).

Existe-il d'autres options?

Answer 1

Qu'en est-il de position: relative pour la division externe? Dans l'exemple qui cache l'inner. De plus, il ne le déplacera pas dans sa mise en page puisque vous ne spécifiez ni haut ni gauche.

Answer 2

Vous venez de faire div s comme ceci:

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

J'espère que ce code vous aidera :)