我在div中有一个元素，它有一个背景图像。在div下方，我有另一个div与另一个背景图像。现在的问题是，如果第一个div中包含的最后一个元素应用了margin-bottom，那么这两个div之间会有一个间隙，如下所示：
Screenshot http://img40.imageshack.us/img40/5603/littlesnapperh.png
注意第一个div中包含的h2元素的margin-bottom属性引起的灰色间隙。我知道如果我将margin-bottom切换到padding-bottom，这可以解决，但如果我需要margin-bottom呢？
如何解决这个问题？
答案 0 :(得分：6)
这是一项称为折叠边距的功能。请参阅：http://www.w3.org/TR/CSS2/box.html#collapsing-margins
最简单的方法（除了用你建议的填充替换边距）是在外部元素上添加一个小的（1px）不可见边框或填充。
答案 1 :(得分：0)
可能与溢出有关：隐藏或其中一个元素未正确清除。如果添加overflow：hidden到第一个div，它可能会修复它。
