【问题标题】:Margins & Images Issue边距和图像问题
【发布时间】:2012-09-14 03:48:38
【问题描述】:

对于我的生活,我无法弄清楚为什么这里的某些图像上的边距无法正确呈现。在第一张和第二张横向图像之后,边距与其上方的图像/容器重叠。

谁能解释一下?

http://jsfiddle.net/JeffPannone/rDw6R/17/

*对不起大家。我之前提供了错误的 jsfiddle 链接。我在这里更正了它

【问题讨论】:

    标签: html css margin


    【解决方案1】:

    一种选择是将overflow:auto 设置为div。

    jsFiddle example

    【讨论】:

    • 我知道overflow:hidden 在保留浮动元素方面很有用。我将开始使用它而不是填充修复。 +1
    • 我确实知道该修复程序,但是,我链接了错误的 jsfiddle 示例。我在原帖中更正了。
    • @j08691 - 是的。看来我在css中犯了一个错误。感谢您的指出。
    【解决方案2】:

    你的图片的边距可以collapse超出div,因为你的div没有边框或内边距。

    我添加了一些 W3C 文档,但要在几行中为您提供关于边距折叠的清晰描述有点过分。只需点击上面的链接了解详细信息。

    一个简单的解决方法是在 div 中添加 1px 0 的填充。

    http://jsfiddle.net/rDw6R/1/

    【讨论】:

    • 我确实知道该修复程序,但是,我链接了错误的 jsfiddle 示例。我在原帖中更正了。
    猜你喜欢
    • 2018-03-31
    • 1970-01-01
    • 2013-03-26
    • 2020-11-23
    • 1970-01-01
    • 2012-11-15
    • 2011-11-05
    • 2016-10-27
    • 2012-03-30
    相关资源
    最近更新 更多