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

Question

一旦使用除可见之外的值分配溢出,其所有子元素都将被剪裁.这是溢出属性的目的.但是,我必须使其中一个子元素"浮动"而不是剪切(如弹出窗口) - 只是其中之一; 不是全部.可能吗？

以下面的例子为例.是否有任何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

尝试下面的小提琴：黄色 div 浮动在外面，蓝色 div 根据您的需要在里面。

http://jsfiddle.net/kZBxD/2/