css浮动的特性及清除方法

浮动的特性：

1.脱离文档流，不占位置，可以设置宽高

2.默认排列成一行，遇到边界自动换行

3.文字会绕着浮动走

4.当元素设置浮动而父元素没有设置宽高时，高度会塌陷为0

清除浮动：

1.给父元素添加高度

2.给需要清除浮动的元素添加clear:both,会造成margin失效

3.在浮动元素后面创建一个空白div并添加clear:both

4.父元素添加overflow:hidden

5.父级元素添加伪类:after{content:' ';display:block;clear:both;}