margin重合

(1)相邻两个盒子垂直方向上的margin会发生重叠,只会取比较大的margin

(2)父盒子中给子盒子设置了上边距会出现在父盒子上方

解决:

  • 设置padding代替margin

  • 设置float

  • 设置overflow

  • 设置position:absolute 绝对定位

  • 设置display: inline-block

posted @ 2023-06-20 11:35  有只小菜猫  阅读(12)  评论(0)    收藏  举报