溢出没有足够的流畅

Question

我有一段代码需要适合固定大小的分区内的样式图像组成。如果没有，它应该流过。然而，不合适的浮动元素按其应有的方式流过，但触及其他元素并将其置于其阴影之一上。

这是最好用一个例子来解释：http://jsfiddle.net/wjw83/10/

第七届图像（勉强可见）应完全消失或移动进一步向下移动到哪里出来的可见区域。任何人都可以帮我完成这件事？

谢谢。

编辑

被淘汰的想法和肆虐的边缘，我已经开始粘贴随机属性，并最终成功。

解决：http://jsfiddle.net/wjw83/13/

我不得不这样是加上 “边距：20像素;”到图像类。由于它与阴影具有相同的值，因此在完全移除剪切元素的同时，会保持阴影不变。 Whoohoo！

Answer 1

被淘汰的想法和肆虐的边缘，我已经开始粘贴随机属性，并最终成功。

解决：http://jsfiddle.net/wjw83/13/

我不得不这样是加上 “边距：20像素;”到图像类。由于它与阴影具有相同的值，因此在完全移除剪切元素的同时，会保持阴影不变。 Whoohoo！

Answer 2

.main{ 
    padding-top: 15px; 
    width: 870px; 
    height: 140px; /* Reduced height */ 
    overflow:hidden; 
} 

现场演示：Fiddle