代码之家  ›  专栏  ›  技术社区  ›  janosrusiczki

div最后一个元素的margin bottom属性不会“扩展”div

  •  3
  • janosrusiczki  · 技术社区  · 14 年前

    Screenshot http://img40.imageshack.us/img40/5603/littlesnapperh.png

    注意由第一个div中包含的h2元素的margin bottom属性引起的灰色间隙。我知道如果我将margin bottom切换到padding bottom可以解决这个问题,但是如果我需要margin bottom呢?

    如何解决这个问题?

    2 回复  |  直到 14 年前
        1
  •  7
  •   RoToRa    14 年前

    这是一种称为折叠边距的功能。请参见: http://www.w3.org/TR/CSS2/box.html#collapsing-margins

    最简单的方法(除了用你建议的填充替换边距)是在外部元素中添加一个小的(1px)不可见的边框或填充。

        2
  •  0
  •   matpol    14 年前

    可能和overflow:hidden or 其中一个元素没有正确清除。如果添加overflow:hidden to 第一个div可能会修复它。