Answers:
制作外<div>
,以position: relative
和内<div>
到position: absolute
。它应该为您工作。
实际上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
像这样:
<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>
我希望这段代码对您有帮助:)