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