【发布时间】:2012-09-14 03:48:38
【问题描述】:
对于我的生活,我无法弄清楚为什么这里的某些图像上的边距无法正确呈现。在第一张和第二张横向图像之后,边距与其上方的图像/容器重叠。
谁能解释一下?
http://jsfiddle.net/JeffPannone/rDw6R/17/
*对不起大家。我之前提供了错误的 jsfiddle 链接。我在这里更正了它
【问题讨论】:
对于我的生活,我无法弄清楚为什么这里的某些图像上的边距无法正确呈现。在第一张和第二张横向图像之后,边距与其上方的图像/容器重叠。
谁能解释一下?
http://jsfiddle.net/JeffPannone/rDw6R/17/
*对不起大家。我之前提供了错误的 jsfiddle 链接。我在这里更正了它
【问题讨论】:
一种选择是将overflow:auto 设置为div。
【讨论】:
overflow:hidden 在保留浮动元素方面很有用。我将开始使用它而不是填充修复。 +1
你的图片的边距可以collapse超出div,因为你的div没有边框或内边距。
我添加了一些 W3C 文档,但要在几行中为您提供关于边距折叠的清晰描述有点过分。只需点击上面的链接了解详细信息。
一个简单的解决方法是在 div 中添加 1px 0 的填充。
【讨论】: