1.什么是CSS盒模型？ 盒模型的组成为content（内容）+padding(内边距)+border（边框）+margin（外边距）
2.分类： 现有盒模型分为两种：content-box和border-box
3.content-box: content-box:该盒子的宽度等于内容的宽度
4.border-box: border-box:该盒子的宽度等于内容+边距+边框的宽度
5.margin合并问题 盒子模型中默认会产生margin的合并问题
1.子元素与子元素合并
解决办法：在子元素上加句display:inline-block和width=100%就行。
2.父元素与子元素合并：父元素会与第一个子元素的margin-top合并，与最后一个子元素的margin-bottom会合并。
解决办法：在父元素中添加一个overflow:hidden;
