最近在學習css，在浮動上遇到一問題：既然浮動元素脫離了文件流，為什麼文字會環繞在浮動元素的周邊而不是跟浮動元素重合呢？
這問題困擾了我整整一天，上網各種搜、各種問人，也沒有讓我信服的答案（可能有的答案是正確的，但是我基礎差，沒有聽懂）。最後經過一整天搜尋、詢問的沉澱，最後在別人的推薦下看了《css權威指南》，現在自認為算是基本上明白怎麼回事了。以下都是我自己所想，希望可以幫到和我一樣的初學者。如果有錯誤或者不妥的地方，也請高手指出，我定當改正，謝謝！！
為了徹底明白這個問題，必須先弄明白幾個問題。
第一，浮動的目的。最初時，浮動只能用於影象（某些瀏覽器還支援表的浮動），目的就是為了允許其他內容（如文字）「圍繞」該影象。而後來的css允許浮動任何元素。
第一，絕對定位與浮動的區別。
複製**
**如下:
你好
第一，絕對定位與浮動的區別。絕對定位是將元素徹底從文件流刪除，並相對於其包含塊定位（包含塊可能www.cppcns.com是文件中的另乙個元素或者是初始包含塊），元素原先在正常文件流中所佔的空間會關閉，就好像該元素原來不存在一樣，該元素再也不會影響其他元素的布局了。如果對元素a使用絕對定位的話，元素b佔據元素a之前的位置，與元素a重合在一起，並被元素a覆蓋。如圖所示。
絕對定位是將元素徹底從文件流刪除，並相對於其包含塊定位（包含塊可能是文件中的www.cppcns.com另乙個元素或者是初始包含塊），元素原先在正常文件流中所佔的空間會關閉，就好像該元素原來不存在一樣，該元素再也不會影響其他元素的布局了。例如，對於上面的html片段，如果將元素a定位到左上角的話，元素b佔據元素a之前的位置，與元素a重合在一起，並被元素a覆蓋。css**和效果圖如下。
複製**
**如下:
body
#container
#a
複製**
**如下:
父元素浮動子元素會浮動嗎 13浮動
1 浮動的定義 float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象，使文字圍繞在影象周圍，不過在 css 中，任何元素都可以浮動。浮動元素會生成乙個塊級框，而不論它本身是何種元素。css 的 float 浮動 使元素脫離文件流，按照指定的方向 左或右發生移動 直到它的外邊緣碰到包含框或...
元素浮動與清除浮動
我們知道，塊元素具有的特點是具有完整的盒模型和自己佔一行。當我們想讓多個塊元素同佔一行時，我們通常使用的方法除了利用display屬性之外，還可以利用float屬性，使其浮動，達到同佔一行的效果。float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象，使文字圍繞在影象周圍，不過在 css ...
浮動元素詳解
1.行內元素 包括文字 input button等等 環繞浮動元素，這也是float設計之初的目的，可以實現文字環繞等效果 2.較早時期用來進行頁面布局，現在有了inline block flex grid等等更方便的方法 浮動元素會根據屬性值向左或向右浮動，浮動元素會脫離普通文件流，進入浮動流，浮...