Float（浮动）

 

一.什么是浮动？

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

二.浮动元素的特点

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

三.浮动元素的目的

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

四.clear元素

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

 五. 清除浮动

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