盒子

盒子居中

外边距实现margin  左右外边距设置为auto

1. 必须是块级元素
2. 盒子必须指定高度

margin:0 auto;  /*通俗写法*/

margin-left:auto;
margin-right:auto;

margin:auto;

外边距合并如果上面元素有下边距，下面元素有上边距，最终两个盒子的距离是最大的那个为准

外边距塌陷 给子盒子加margin-top

解决方案：

用border：为父盒子定义1像素的上边框或上内边距 但是会撑大父盒子

给父元素添加 overflow:hidden

 

父盒子有宽度给定值了,padding会撑开

子盒子没有宽度使用的是默认宽度，padding不会撑开盒子