目錄可選值：
注意1：元素設定浮動以後，水平布局的等式遍不需要強制成立
之前
設定了float：left之後
注意2：元素設定浮動一否，會從文件流中完全脫離，不再占用文件流的位置
浮動元素完全脫離文件點，不再佔據文件流中的位置
設定浮動以後元素會向元素的左側或右側移動
浮動元素預設不會從父元素中移出
浮動元素向左或向右移動時，不會超過他前邊的其他浮動元素（浮動元素不會蓋住其他的浮動元素）
如果浮動元素的上邊是乙個沒有浮動的塊元素。則浮動元素無法上移
浮動元素不會超過它上邊的浮動的兄弟元素，最多最多就是和他一樣高
浮動元素不會蓋住文字，文字會自動環繞在浮動元素的周圍，所以我們可以利用浮動來設定文字環繞的效果
元素設定浮動以後，將會從文件流中脫離，從文件流中脫離以後元素的一些性質也會發生變化
浮動目前來講它的主要作用是讓頁面中的元素可以水平排列，通過浮動可以製作一些水平方向的布局
行內元素
block formating context
以下是針對被塌陷的元素（父元素）
overflow：hidden；//開啟其bfc，使其可以包含浮動元素
.box1
.box1::before
.box2
//改良版
.clearfix::before,
.clearfix::after
css浮動布局
float 是 css 的定位屬性。在傳統的印刷布局中，文字可以按照需要圍繞。一般把這種方式稱為 文字環繞 在網頁設計中，應用了css的float屬性的頁面元素就像在印刷布局裡面的被文字包圍的一樣。浮動的元素仍然是網頁流的一部分。這與使用絕對 定位的頁面元素相比是乙個明顯的不同。絕對定位的頁面元素被...
css浮動布局
清除浮動 形狀浮動 使用浮動可以控制相鄰元素間的排列關係。float left 向左浮動 float right 向右浮動 float none 不浮動 沒有設定浮動的塊元素是獨佔一行的。浮動是對後面元素的影響，第二個元素設定浮動對第乙個元素沒有影響。表示第乙個元素div.first of type...
CSS浮動布局
預設文件流就是對頁面布局不加任何修飾，元素自動的布局方式，其特點有 1 元素在頁面中的顯示順序與元素在 現的順序是一致的。2 塊級元素獨佔一行空間，寬度預設為父級的100 高度由其內容高度所決定。3 行內元素與其他元素共享一行空間，寬高由其內容所決定。但是預設文件流往往不能滿足我們的布局需求，我們可...