清除内外边距

• body有margin，ul，p都有

• 项目开始之前，清楚这些标签默认的margin和padding

• 正常情况 水平布局的盒子，左右的margin正常，互不影响，最终两者距离为左右margin的和

• 垂直布局的块级元素，上下的margin会合并 最终两者的距离为margin的最大值 避免这种问题，只给其中一个盒子设置margin即可

塌陷

互相嵌套的块元素，子元素的margin-top会作用在父元素上，导致父元素一起往下移动。

解决：

• 给父元素设置padding-top，父元素需要根据需求自减
• 给父元素设置overflow：hidden，子元素的margin-top不能去掉
• 设置浮动

浮动

标准流又叫文档流 块元素从上往下 行内元素，或者行内块元素，从左往右排列，不够就换行 作用： 让div在一排显示 特点： 浮动元素脱离标准流，在标准流中不占位置，覆盖标准流元素，依次紧挨着。 一行可以显示多个；可以设置宽高 不设置宽高的话，没有内容，宽高就变为0了。