外边距可让块级盒子水平居中,但需满足两个条件:
1、盒子必须指定宽度(width)
2、盒子左右外边距都设置为auto。
需注意:
1、使用margin定义块元素的垂直外边距时,可能会出现外边距合并
2、嵌套块元素设置垂直外边距时父元素会跟子元素一起塌陷,即父元素外边距会取最大值。
解决方案:1、为父元素定义上边框 2、为父元素定义上内边距 3、为父元素添加overflow:hidden
此外,浮动,固定,绝对定位的盒子不会塌陷。
外边距可让块级盒子水平居中,但需满足两个条件:
1、盒子必须指定宽度(width)
2、盒子左右外边距都设置为auto。
需注意:
1、使用margin定义块元素的垂直外边距时,可能会出现外边距合并
2、嵌套块元素设置垂直外边距时父元素会跟子元素一起塌陷,即父元素外边距会取最大值。
解决方案:1、为父元素定义上边框 2、为父元素定义上内边距 3、为父元素添加overflow:hidden
此外,浮动,固定,绝对定位的盒子不会塌陷。