一.什么是浮动？
CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。
二.浮动元素的特点
- 元素浮动后会自动变成行块元素
- 浮动元素的父元素高度宽计算将忽略浮动子元素
- 浮动的元素绝对不会遮挡非浮动元素的内容（文字或图片）但会遮挡非浮动元素的布局
三.浮动元素的目的
- 文字环绕图片
- 水平方向上的布局
四.clear元素
clear作用是清楚浮动，本质是"避让"
注：后出现的元素避让先出现的元素。
五. 清除浮动
可以给父元素添加overflow:hidden或者给父元素的子元素末尾再添加一个
div并设置div的clear:both即可解决父元素不包含浮动子元素的问题。