. 内容盒子【W3C标准盒子】【默认】
box-sizing:content-box;
width = 内容宽所占的宽 = width + padding + border + margin
内容盒子(W3C盒子)和边框盒子(IE盒子)的区别和盒子间的margin塌陷

边框盒子【IE盒子】
box-sizing:border-box;
width = 内容宽 + padding + border所占宽 = width + margin
内容盒子(W3C盒子)和边框盒子(IE盒子)的区别和盒子间的margin塌陷
margin重叠【margin塌陷】
两个盒子上下排布,竖直方向的margin不叠加,只取较大的值作为两个盒子的间距(水平方向的margin是可以叠加的)

相关文章:

  • 2021-06-11
  • 2021-11-21
  • 2021-06-06
  • 2022-12-23
  • 2021-11-04
猜你喜欢
  • 2021-11-05
  • 2022-12-23
  • 2021-06-12
  • 2021-09-10
  • 2022-12-23
  • 2022-02-10
相关资源
相似解决方案