對css浮動的基本理解——文字繞排、創建分欄、脫離文檔流及解決辦法

一、對浮動的三個基本理解——文字繞排、創建分欄、脫離父級塊 浮動元素的使命就是儘可能的向左上或者右上遷移。最初創建浮動float屬性的主要目的就是實現文字繞排圖片的效果，當然浮動float也成了多欄佈局的最佳方式。但是，添加過浮動float屬性後的元素已經脫離了文檔流，它對文檔的佈局可能會產生破壞性。 1. 文本繞排圖片 <img …… /> <p>…the paragraph text…</p>

>>阅读原文<<