我有一段代码,其中包含需要适合固定大小的 div 的样式化图像。如果没有,它应该流过。然而,不适合的 float 元素会按其应有的方式流动,但会接触到其他元素并将其自身置于它们的阴影之一之上。
最好用一个例子来解释:http://jsfiddle.net/wjw83/10/
第 7 个图像(几乎不可见)应该完全消失或进一步向下移出可见区域。谁能帮我完成这个?
谢谢。
编辑
由于没有想法和愤怒的边缘,我开始粘贴随机属性并最终成功。
已解决:http://jsfiddle.net/wjw83/13/
我所要做的就是添加“margin-bottom: 20px;”到图像类。因为它与阴影的值相同,所以它在完全移除被剪裁的元素的同时保持阴影完好无损。哇哦!
最佳答案
.main{
padding-top: 15px;
width: 870px;
height: 140px; /* Reduced height */
overflow:hidden;
}
现场演示:Fiddle
关于css - 溢出不够,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11604623/