CSS浮動特性總結

標籤：

 

1.假設現在CSS中沒有浮動(float)屬性，那麼會變成一個什麼樣子。我們會發現，目前流行採用浮動方法實現的無論是分欄布局，還是列表排列我們都可以用其他一些CSS屬性（不考慮table）代替實現，唯一一個實現不了的就是“文字環繞圖片”，我是想不出來能有什麼方法可以讓文字環繞圖片顯示。好，這個替代不了的作用才是float真正的意義所在,即float屬性最初被設計的時候就是用來完成文字環繞效果的。

2.運用了float的元素只能橫向浮動，不能縱向浮動。當元素運用的浮動屬性後，將會脫離普通文檔流，起容器（父元素）講得不到脫離普通文檔流的子項目的高度。

3.對元素應用的浮動屬性後，會更改元素的display屬性，即將元素變為block，此時可對該元素按塊模型進行處理。

4.浮動元素的後一個元素會圍繞著浮動元素，典型運用是文字圍繞圖片，與應用的position的元素相比，浮動元素並不會遮蓋後面元素。

5.浮動元素之前的元素不會受當前浮動元素的影響，，如果你想讓兩個塊狀元素並排顯示，必須要讓兩個塊狀元素都應用float屬性。

文章來源：艾維艾科技

CSS浮動特性總結