绝对位置和溢出隐藏

我们有两个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> 

我希望这段代码能帮助你:)