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

一旦用可见的值赋值溢出,它的所有子元素都将被剪切.这是溢出属性的目的.但是,我必须使其中一个子元素“浮动”,而不是剪辑(就像一个弹出窗口) – 只是其中之一;不是全部可能吗？

以下列为例.是否有任何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/找到

解决方法

你需要这样的东西吗？

检查这个小提琴：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>