盒模型
元素自身大小：
content+padding+border
占用页面大小：
content+padding+border+margin
outline:不占像素（并不是盒模型的一部分）
垂直方向上的外边距会重叠，并取最大值
margin可以为负数
padding为border和content之间的可选区域，不能为负数
padding-top/right/botton/left表示上右下左的padding区域
浮动
1、浮动会脱离文档流：
浮动：float：left/right;
2、元素浮动不会穿越到padding
3、特性：包裹性
浮动文本类型时，需要指定width。如果不指定，则折叠到最小宽度
4、行内元素浮动后，自动变成行内块
5、浮动会影响其他元素
子集浮动导致父级高度塌陷