css - 溢出没有足够的溢出

Question

我有一段代码，其中包含需要适合固定大小的 div 的样式图像。如果没有，它应该流过。但是，不适合的浮动元素会按应有的方式流过，但会接触其他元素并将其自身置于其中一个阴影上。

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

第 7 张图像（几乎不可见）应该完全消失，或者在移出可见区域的位置进一步向下移动。谁能帮我完成这个？

谢谢你。

编辑

由于没有想法并且处于愤怒的边缘，我开始粘贴随机属性并最终成功。

我所要做的就是添加“margin-bottom: 20px;” 到图像类。由于它与阴影的值相同，因此它会在完全移除被剪裁的元素的同时保持阴影完好无损。哇哦！

score 1 · Accepted Answer

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

现场演示：小提琴

score 0 · Accepted Answer

由于没有想法并且处于愤怒的边缘，我开始粘贴随机属性并最终成功。

我所要做的就是添加“margin-bottom: 20px;” 到图像类。由于它与阴影的值相同，因此它会在完全移除被剪裁的元素的同时保持阴影完好无损。哇哦！

2 回答 2