- 竖直方向的margin有塌陷现象:小的margin会塌陷到大的margin中,从而margin不叠加,只以大值为准。比如有个A盒子它位于上方,它的margin-bottom是30px,有个B盒子位于它的下方,它的margin-top是50px,那么它们两个盒子之间的间距是为50px,而不是80px (竖直方向的margin不叠加,以大数为准)so(而左右是没有塌陷现象的,可以完美叠加的哦)
margin的塌陷
于 2022-02-20 10:41:14 首次发布
- 竖直方向的margin有塌陷现象:小的margin会塌陷到大的margin中,从而margin不叠加,只以大值为准。比如有个A盒子它位于上方,它的margin-bottom是30px,有个B盒子位于它的下方,它的margin-top是50px,那么它们两个盒子之间的间距是为50px,而不是80px (竖直方向的margin不叠加,以大数为准)so(而左右是没有塌陷现象的,可以完美叠加的哦)