三、四种定位

1、position:static(普通流)，默认定位
2、position:relative，元素没有脱离文档流，相对于自己原来文档流的位置
3、position:absolute，找到最近到relative知道相对于body，只有绝对定位有z-index
4、float：left，包裹性和破坏性
清除浮动clearfix

.clearfix{overflow:hidden;_zoom:1;}
.clearfix{overflow:auto;_height:1%}
![image.png](https://img.haomeiwen.com/i9562281/3eae4aec64a9ffe4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

盒子模型中的box-sizing（css3）
content-box的width是content，然后padding和border不包括
border-box的width包括content，padding和border