外边距折叠(collapsing margins)

面试笔试题目分类: CSS外边距折叠(collapsing margins)
0
前端学堂 管理员 asked 1 year ago

2 Answers
0
前端学堂 管理员 answered 1 year ago

毗邻的两个或多个margin会合并成一个margin,叫做外边距折叠。规则如下:

  1. 两个或多个毗邻的普通流中的块元素垂直方向上的margin会折叠
  2. 浮动元素/inline-block元素/绝对定位元素的margin不会和垂直方向上的其他元素的margin折叠
  3. 创建了块级格式化上下文的元素,不会和它的子元素发生margin折叠
  4. 元素自身的margin-bottom和margin-top相邻时也会折叠

0
前端学堂 管理员 answered 5 months ago

避免外边距折叠的方法:上面回答的2和3

Your Answer

如果对您有帮助,别忘了打赏一下宝宝哦!

支付宝扫一扫打赏

微信扫一扫打赏