CSS中的float屬性是一個頻繁用到的屬性蒸绩，對于初學者來說衙四，如果沒有理解好浮動的意義和表現(xiàn)出來的特性，在使用的使用很容易陷入困惑患亿，云里霧里传蹈，搞不清楚狀態(tài)。本文將從最基本的知識開始說起步藕，談談關于浮動的應用惦界，出現(xiàn)的問題和解決方案。
float咙冗，顧名思義就是浮動沾歪，設置了float屬性的元素會根據(jù)屬性值向左或向右浮動，我們稱設置了float屬性的元素為浮動元素雾消。
float的詳細細節(jié)
在說明float帶來的詳細細節(jié)之前灾搏，我們首先要了解一個概念。
包含塊：浮動元素的包含塊就是離浮動元素最近的塊級祖先元素立润，前面敘述的例子中狂窑，div.box就是span元素的包含塊。
了解完包含塊的概念之后桑腮，首先要說明的浮動元素的第一個特性：不管一個元素是行內元素還是塊級元素泉哈，如果被設置了浮動，那浮動元素會生成一個塊級框，可以設置它的width和height丛晦，因此float常常用于制作橫向配列的菜單奕纫，可以設置大小并且橫向排列.
最后來總結一下浮動的特征吧
1.脫離文檔流
2.不脫離父級
3.浮動元素對后續(xù)布局有影響，會浮動后續(xù)元素上采呐，但不會覆蓋其文本內容
4.浮動元素遇到父元素邊界或者上一個浮動元素旁邊即停止浮動
5.浮動之后的元素將會具有行內塊元素的特征
如何清除浮動呢若锁，下面提供三種方法
1.清除浮動只能用塊元素，一般用div清除斧吐，清除浮動的div寫在浮動元素后面
例如：<div class="clear"></div>
2.讓父類元素跟著一起浮動又固，但不建議，因為影響布局
3.通過偽類選擇器清除浮動煤率，以下三種屬性缺一不可
例如： id名/class名:after{
display:block;
content:"";
clear:both;
}
