ps:初學感受：第一次學習浮動和定位的時候，也不知道這個抽象的概念到底是怎麼樣的，元素到底是怎麼飄起來的；
他怎麼不上天？那你就錯了，他真的上天了！！！
1.浮動：
float:取值：left |right|none|inherit
故名思意：left:左浮動；
right:右浮動；
none：不浮動—預設值
inherit:單詞意思是繼承，也就是繼承父元素的float屬性
1.1.1 left與right:向左走/向右走–直到有人擋住我
浮動到底是什麼？
說再多都不如一段**來的直接：
沒有加任何浮動之前：
charset="utf-8">
titletitle>
div .fat
.son1
.son2
style>
head>
class="fat">
class="son1">我是老大son1div>
class="son2">我是老二son2div>
div>
body>`兩個子元素由於都是塊級元素，所以單獨佔一行顯示如圖：
我們先試著給son1加浮動：
修改：`
Float浮動與清除浮動
浮動定義了元素在哪個方向浮動，不論被浮動的元素本身是何種元素，浮動之後都會生成乙個塊級框。浮動主要是為了讓頁面中的元素在水平方向依次橫向排列，在頁面布局中非常有用。相關屬性值值描述 left 左浮動right 右浮動none 預設，元素不浮動 inherit 從父元素繼承float屬性的值 沒有浮動...
float 關於使用浮動 和清除浮動
float的特點 1,可以使塊元素在一行顯示 元素浮動後會脫標不佔位 2,可以使元素進行模式轉換.但是,但是,但是 有優點 就一定有缺點.有時候一不留神就會被它的缺點折磨的抓狂.我有次用float給父元素裡的所有子元素都新增了浮動效果,但是沒有給父元素設定高度.結果是 廢話不多說 上圖 是這樣的 我...
float清除浮動
影響 浮動會使元素具有塊級元素和行內元素的特點 即內聯塊的特點 讓塊元素在同一行顯示。內聯塊 inline block 和浮動 float left right none 元素脫離文件流，按照浮動方向移動，遇到父級邊界或者相鄰浮動元素停住 但是無論哪種方式都需要做一些處理 去除inline bloc...