float: left;
float: right;
float: none;
除了left和right，float還有乙個屬性：none，用來防止元素浮動。
有一些列特定規則控制著浮動元素的擺放：
總結起來，其實就是當乙個元素浮動之後，它會被移出正常的文件流，然後向左或者向右平移，一直平移到碰到了所處的容器的邊框，或者碰到了另外乙個浮動的元素。
如果乙個浮動元素有負外邊距，可能會與正常流中的內容發生重疊。
css clear屬性指定：乙個元素是緊挨著前面的浮動元素，還是必須移動到它們的下面（浮動被清除）。
clear屬性既可以用於浮動元素，也可以用於非浮動元素。
屬性值：
當容器的高度為auto，且容器的內容中有浮動（float為left或right）的元素，在這種情況下，容器的高度不能自動伸長以適應內容的高度，使得內容溢位到容器外面而影響（甚至破壞）布局的現象。這個現象叫浮動溢位，為了防止這個現象的出現而進行的css處理，就叫css清除浮動。
由於浮動元素脫離了正常文件流，因此其實父元素是無法被浮動子元素撐大的p>
div>
divp
style="clear:both;">
div>這種方式浪費標籤，不推薦。
.fix
.fix
.fix
:after
CSS學習筆記 浮動 六
浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止。浮動框浮動後，將脫離原來的普通文件流，並且不會占用空間，層級會高於普通文件流。浮動元素會生成乙個塊級框，而不論它本身是何種元素。浮動元素一般要指定乙個明確的寬度 否則，它們會盡可能地窄。屬性名稱 取值 描述 float l...
css學習 css浮動
1 文件流介紹 網頁布局的核心就是利用css來擺放盒子，把盒子擺放在合適的位置。css的定位機制有以下3種 網頁布局一般需要3種搭配使用 a 普通流 標準流 b 浮動 1 浮動只有左右。2 浮動後找離他最近的父元素靠左 右對齊。3 乙個父盒子裡的子盒子，如果其中乙個子元素有浮動的話，則其他子元素都需...
css學習筆記之浮動清除
說到浮動，不得不說一下bfc block formatting context 翻譯為 塊級格式化上下文 關於bfc的原理，我參考了此篇文章，bfc參考資料 大家有需要可以去看看。清除浮動 子層 底部 這種方法雖直接讓底部的div擠到下方，並沒有真正的清除浮動，但可以達到清除浮動的效果。清除浮動 子...