下面是一些自己理解和網上摘錄的：
浮動的元素會脫離normal流(
文件流或標準流
)。例子:
浮動的元素會脫離normal流(文件流或標準流)。
<
br/>
所以div2無法識別div1的位置，就出現在首位，結果div1會覆蓋div2。
<
br/>
如果div2長度少於div1長度，就完全被覆蓋
<
br/>
無論div2長度是多少，div2文字都會圍繞div1
<
br/>
<
div
class
="parent"
>
<
div
class
="div1"
>
div>
<
div
class
="div2"
>
我是div2的文字
div>
div>
body
>
html
>
當新增乙個浮動元素時：首先檢視容器的當前行能否容得下這個元素，容不下就換行新增。注意：新浮動元素width>
容器width
，直接在新行新增，即使會超過容器
width
。浮動元素的下邊界沒有要求，因此當容器不足以容下浮動元素時，浮動元素會向下延伸。(
部分瀏覽器會採取增大容器高度以容下浮動元素，而對於符合
css2.1
規範的瀏覽器要想讓容器容下浮動元素的乙個可行方法是：讓容器也浮動
)浮動元素不會比容器的頂部還高
後一浮動元素的上界不會超過前乙個浮動元素的下界（記住）
水平方向上，盡可能居左或居右
參考：（介紹得比較詳細）
以下DIVCSS5總結了幾點用於清除浮動的經驗教程
一般情況下可以使用 clear both 以下divcss5總結了幾點用於清除浮動的經驗教程 1 對父級設定適合css高度 對父級設定適合高度樣式清除浮動，這裡對 divcss5 設定一定高度即可，一般設定高度需要能確定內容高度才能設定。這裡我們知道內容高度是100px 上下邊框為2px，這樣具體父...
CSS浮動 浮動的特性 清除浮動
乙個頁面基本包含了三種布局方式 標準流 浮動和定位 浮動可以改變元素標籤預設的排列方式，最典型的是可以讓多個塊級元素一行內排列顯示。網頁布局第一準則 多個塊級元素縱向排列找標準流，多個塊級元素橫向排列找浮動。float屬性用於建立浮動框，將其移動到一邊，直到做邊緣或右邊緣觸及包含塊或另乙個浮動框的邊...
浮動與浮動的清除
說浮動就必須提及一下文件流，html當中的元素按照從左到右，從上到下的順序進行排列稱之為文件流，也就是正常排列。而浮動是什麼呢？浮動會讓元素脫離文件流，假如a元素浮動了，原本排在該元素之後的元素發現a元素不在這個文件流了，就會無視它往上接到a元素前面的元素之後 ps 但是文字並不會無視它，還會環繞a...