一、盒子垂直方向外边距合并

  垂直方向的2个盒子,一个设置上外边距,一个设置下外边距,取的设置较大的值。

二、嵌套的盒子外边距塌陷

  嵌套的2个盒子,如果父盒子不设置border,给子盒子设置margin-top,会造成父盒子外边距塌陷(掉盒子)

  解决方法:  1  给父盒子设置边框

               2  给父盒子设置overflow:hidden;   bfc   格式化上下文

  具体可参考:http://www.w3cplus.com/css/understanding-bfc-and-margin-collapse.html

相关文章:

  • 2021-08-03
  • 2021-07-10
  • 2021-10-12
  • 2021-09-22
  • 2022-02-10
  • 2021-11-08
  • 2021-05-15
  • 2022-01-02
猜你喜欢
  • 2021-12-10
  • 2022-12-23
  • 2021-12-31
  • 2022-12-23
  • 2021-11-04
  • 2022-12-23
  • 2021-06-06
相关资源
相似解决方案