（1.浮動是一種脫離標準文件流的形式。
作用：浮動就是用來製作多個盒子併排顯示，也能設定寬高，負責網頁排版
1 float:left; 左浮動
2 float:right; 右浮動
3 float:none; 不浮動
浮動的元素，會自動貼著父元素盒子的邊。
左浮動：貼左邊；
右浮動：貼右邊；
重點：瀏覽器認為浮動的元素是不存在(不會佔標準流的位置，佔浮動流的位置
)，所以會影響後面的元素。
浮動屬性可以理解為乙個國家，也有自己的憲法：
1、浮動的元素可以設定
width
、height
、margin
、padding
2、浮動的元素不區分行塊元素，都能設寬高，併排顯示，不獨佔一行
3、浮動的元素不接受
display
轉換顯示模式，因為浮動的元素沒有行內、塊級元素之分
4、浮動的元素如不設定寬高，會自動收縮寬度，會根據內容撐開
5、浮動的元素不佔標準流的位置
6、浮動的元素不能設定
margin:0 auto;
居中3.清除浮動
為什麼要清除浮動？
描述：因為子元素浮動了不會被父級包住，兒子都浮動了，就脫離標準流，那麼父親還是標準流，就撐不開高度。如果要讓它兒子元素的內容撐開高度，就給父親清除子級浮動對自己造成的影響。
總結應用場景：當父級沒給高度，子級也浮動了，這時就要清除浮動。
1.clear清除浮動屬性（清除浮動的牆放在浮動元素父盒子內部的最後。只要子類浮動，就在父類的最後內部新增清除浮動屬性）
解決：浮動互相影響，高度自適應
缺點：1、
html
結構布局，很多要進行浮動，每個浮動的盒子都需要新增一堵牆。頁面結構會顯得很複雜，出了很多沒有意義的標籤。
2、乙個盒子內的標籤要浮動就都浮動，浮動後面的牆是乙個標準流元素。
2.overflow屬性
盒子內部元素可以設定溢位模式,隱藏或自動顯示.
overflow:hidden;
overflow:auto;
overflow屬性也能清除盒子內部元素的浮動影響，只需要給受影響的父親加。
解決了浮動互相影響，高度自適應。
優勢：能解決所有的問題，不會增加無用的標籤。
注意：如果子元素的內容超出父盒子的範圍，內容會被隱藏。
1、定義
.clearfix:after
類樣式1 .clearfix:after
8 .clearfix
2、在受浮動影響的父級盒子新增這個類
1 2
3
4
5
6
十九，浮動 float屬性
float屬性設定 1，left 元素向左浮動 2，right 元素向右浮動 3，none 預設值。元素不浮動。總結 給誰新增了float，就將誰脫標，後面的內容會頂上來顯示。如果頂上去以後，脫標的內容沒有改變位置，就會出現後者被前者 拖標內容 覆蓋的情況。如果沒有改變位置，就出現該在的地方。1，f...
CSS浮動屬性Float詳解
float 是 css 的定位屬性。在傳統的印刷布局中，文字可以按照需要圍繞。一般把這種方式稱為 文字環繞 在網頁設計中，應用了css的float屬性的頁面元素就像在印刷布局裡面的被文字包圍的一樣。浮動的元素仍然是網頁流的一部分。這與使用絕對 定位的頁面元素相比是乙個明顯的不同。絕對定位的頁面元素被...
CSS浮動屬性Float詳解
原文 float 是 css 的定位屬性。在傳統的印刷布局中，文字可以按照需要圍繞。一般把這種方式稱為 文字環繞 在網頁設計中，應用了css的float屬性的頁面元素就像在印刷布局裡面的被文字包圍的一樣。浮動的元素仍然是網頁流的一部分。這與使用絕對 定位的頁面元素相比是乙個明顯的不同。絕對定位的頁面...