发表新帖
发表新帖

css margin collision

后端 未结
关注
1 1450
清酒与你
清酒与你 2021-01-28 21:27

Is there a way to detect margin-collision and prevent it? like if I have
1条回答
  • 暗喜
    暗喜 (楼主)
    2021-01-28 21:42

    You do not need to do anything; by the box model specs, adjacent bottom and top margins will collapse, so you get a 10-pixel gap between your two

    elements as opposed to a 20-pixel gap. See this jsFiddle preview.

    EDIT: the reason why you're not seeing a collapse between a

    ad a
    is because a table is set to display: table by default, which is not exactly the same as a block-level element, so by the specs the margins will not collapse.

    0 讨论(0)
     看不清?
    提交回复
    热议问题