Float（浮动）

一.什么是浮动？

CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。

二.浮动元素的特点

1. 元素浮动后会自动变成行块元素
2. 浮动元素的父元素高度宽计算将忽略浮动子元素
3. 浮动的元素绝对不会遮挡非浮动元素的内容（文字或图片）但会遮挡非浮动元素的布局

三.浮动元素的目的

1. 文字环绕图片
2. 水平方向上的布局

四.clear元素

clear作用是清楚浮动，本质是"避让"
       注：后出现的元素避让先出现的元素。

五. 清除浮动

可以给父元素添加overflow:hidden或者给父元素的子元素末尾再添加一个
      div并设置div的clear:both即可解决父元素不包含浮动子元素的问题。