0

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

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

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

谢谢你。

编辑

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

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

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

4

2 回答 2

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

现场演示：小提琴

于 2012-07-22T23:05:27.783 回答
0

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

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

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

于 2012-07-23T08:47:19.113 回答