css - 溢出不够

标签 css html overflow

我有一段代码,其中包含需要适合固定大小的 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/

相关文章:

javascript - 在 iframe 上滑动时如何移动父元素?

html - 当 div 超出我的内容宽度时,如何防止显示水平滚动条?

javascript - JQuery的点击事件是如何和里面的全局变量一起工作的呢?

javascript - 有没有办法监听 div 溢出事件?

html - 网站在某些设备上更新,但在其他设备上不更新

javascript - 如何重新定位固定的页眉和页脚?

检查 unsigned long long 溢出

html - 在 100% 高度 div 上垂直滚动

javascript - 如何使用 CSS 在列中显示随机生成的列表?

javascript - 下拉/组合框的已选项目应反射(reflect)为单击标签时的选定项目