一旦用可见的值赋值溢出,它的所有子元素都将被剪切.这是溢出属性的目的.但是,我必须使其中一个子元素“浮动”,而不是剪辑(就像一个弹出窗口) – 只是其中之一;不是全部可能吗?
以下列为例.是否有任何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/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>