外边距

外边距可让块级盒子水平居中,但需满足两个条件:

1、盒子必须指定宽度(width)

2、盒子左右外边距都设置为auto。

需注意:

1、使用margin定义块元素的垂直外边距时,可能会出现外边距合并

2、嵌套块元素设置垂直外边距时父元素会跟子元素一起塌陷,即父元素外边距会取最大值。

解决方案:1、为父元素定义上边框   2、为父元素定义上内边距   3、为父元素添加overflow:hidden

此外,浮动,固定,绝对定位的盒子不会塌陷。

 

posted @ 2020-10-13 13:33  清出于兰  阅读(198)  评论(0编辑  收藏  举报