溢出不够流淌

Question

我有一段代码由风格化的图像组成，需要适合固定大小的div。如果没有，它应该流过。但是，不适合的浮动元素会按原样流过，但会触及其他元素，并将其置于其阴影之上。

最好使用示例解释：http://jsfiddle.net/wjw83/10/

第7张图像（几乎看不见）应该完全消失，或者在它移出可见区域的地方向下移动。任何人都可以帮助我实现这个目标吗？

谢谢。

修改的

出于想法和肆虐的边缘，我开始粘贴随机属性，最终成功。

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

我只需添加“margin-bottom：20px;”到图像类。由于它与阴影的值相同，因此在完全移除剪切元素时会使阴影保持原样。 Whoohoo！

Answer 1

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

现场演示：Fiddle

Answer 2

出于想法和肆虐的边缘，我开始粘贴随机属性，最终成功。

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

我只需添加“margin-bottom：20px;”到图像类。由于它与阴影的值相同，因此在完全移除剪切元素时会使阴影保持原样。 Whoohoo！