CSS盒子中margin(外边距)的介绍

margin(外边距)可以让块级盒子水平居中

①:盒子必须设置了宽度
②:盒子的左右外边距必须是auto

.header{width:90px;margin:0 auto}

行内元素和行内块元素要水平居中要给父元素添加text-align-center就可以了

一,外边距合并的问题

上下两个元素(兄弟关系),如果上面的元素有下外边距margin-bottom,下面的元素有上外边距margin-top,那么间距就没有bottom和top的和
间距取最大的那个
这个被称为相邻块元素垂直外边距的合并

解决办法:尽量给一个盒子加margin的值

二,嵌套块元素垂直外边距的塌陷

①:可以为父元素定义上边框
②可以为父元素定义上内边框
③可以为父元素添加overflow:hidden
④