回答:
絶対配置の要素は、実際にはrelative
親、または最も近くにある相対的な親に関して配置されます。したがって、の要素は、要素のoverflow: hidden
間relative
にabsolute
配置する必要があります:
<div class="relative-parent">
<div class="hiding-parent">
<div class="child"></div>
</div>
</div>
.relative-parent {
position:relative;
}
.hiding-parent {
overflow:hidden;
}
.child {
position:absolute;
}
あなたはdiv
このようにsを作るだけです:
<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>
このコードがあなたのお役に立てば幸いです:)