css - 如果父元素的溢出不可见，如何防止子元素被剪裁？

Question

一旦为 overflow 分配了 visible 以外的值，它的所有子元素都将被剪裁。这是溢出属性的目的。但是，我必须使其中一个子元素“ float ”而不是被剪裁(如弹出窗口)——只是其中一个；不是全部。可能吗？

以下面为例。是否有任何 CSS 设置不剪裁黄色 div，同时剪裁蓝色元素？ (目前他们都被剪掉了)

<div style="position:absolute;width:100px;height:50px;overflow:hidden;border:1px solid black">
 <div style="top:30px;width:50px;height:100px;background:yellow">
 </div>
 <div style="position:absolute;left:50px;top:0;width:50px;height:100px;background:blue">
 </div>
</div>

代码也可以在 http://jsfiddle.net/kZBxD/ 找到

Answer 1

你需要这样的东西吗:

检查这个 fiddle :http://jsfiddle.net/kZBxD/3/

<div style="position:absolute;width:100px;height:50px;overflow:hidden;border:1px solid black">
<div style=" position:fixed;width:50px;height:100px;background:yellow"></div>