解决高度塌陷
BFC 开启后具有的特性：
1，父元素的垂直外边距不会和子元素重叠
2，开启BFC的元素不会被浮动元素所覆盖
3，开启BFC的元素可以包含浮动的子元素
如何开启BFC：
1，设置元素浮动
2，设置元素绝对定位
3，设置元素为 inline-block
4，将元素的 overflow 设置为一个非 visible的值（推荐使用）（overflow=hidden）
IE6以下开启haslayout（zoom=1；）
为保证浏览器的兼容性，同时把 overflow=hidden；zoom=0；写上
text-align：center 文字居中
清除浮动 clear：left/right/both both清除浮动带来的影响最大的，none消除浮动带来的影响
定位 position：relative
相对定位，相对于自身定位，没有脱离文档流
绝对定位，absolute 脱离文档流
当元素的position属性设置为relative时，则开启了元素的相对定位
1.当开启了元素的相对定位以后，而不设置偏移量时，元素不会发生任何变化
2.相对定位是相对于元素在文档流中原来的位置进行定位
3.相对定位的元素不会脱离文档流
4.相对定位会使元素提升一个层级
5.相对定位不会改变元素的性质，块还是块，内联还是内联
