到底什么是浮动？

浮动是指元素脱离文档流，按照指定方向发生移动，遇到父级边界换行

作用：

解决水平布局的问题

特性：

1所有标签同排显示

2行标签支持所有css样式

3默认内容撑开高度

4元素脱离文档流

清除浮动

为什么要清除浮动？

元素使用浮动后脱离文档流，父级元素检测不到子级的存在，高度无法撑开

解决方案

1 在父级使用高度（拓展性不好）

2 在父级使用overflow:hidden

3 使用clear