绝对位置和溢出隐藏
我们有两个DIV,一个embedded另一个。 如果外部DIV不是绝对定位的,那么绝对定位的内部DIV不服从外部DIV隐藏的溢出( 示例 )。
是否有机会让内部DIV服从外部DIV隐藏的溢出,而不将外部DIV设置为绝对位置(这会导致我们完整的布局)? 我们的内部DIV的相对位置也不是一个选项,因为我们需要“扩大”表TD( 例如 )。
还有其他的select吗?
使外部<div>
position: relative
和内部<div>
到position: absolute
。 它应该为你工作。
什么position: relative
对于外部的div? 在隐藏内部的例子。 它也不会移动它的布局,因为你没有指定顶部或左边。
你只需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>
我希望这段代码能帮助你:)