为什么没给父级元素加边框,子级的外边距就超出父级范围了

一个给父级加了边框,一个没有给父级加边框,为什么渲染会出现这样的差距!
clipboard.png
clipboard.png

一个外边距在父级外部,一个外边距在父级内部,为什么会出现这样的情况?

阅读 2.5k
1 个回答

因为第一个div发生了margin-collapse,也就是说当parent和child margin相遇时,会发生折叠,从而导致只会应用到一个上面,而下面的你给parent设置了border在两个margin之间多了一个border自然不会满足邻近这个条件了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题