歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

阿森纳热刺 www.tzxsac.com.cn  

浮動的框可能向左或向右移動,直到它的外邊沿碰到蘊含框或另外一個浮動框的邊框為止。

由于浮動框不在文檔的平凡流中,所以文檔的普通流中的塊框浮現得就像浮動框不具備異樣。

 

CSS 浮動

請看下圖,當把框 1 向右浮動時,它脫離文檔流并且向右挪動,直到它的左邊緣碰著搜聚框的左側沿:

CSS 浮動實例 - 向右浮動的元素

再請看下圖,當框 1 向左浮動時,它來到文檔流并且向左挪動,直到它的左邊際碰著包孕框的左邊緣。由于它再也不處于文檔流中,所以它不攻克空間,確鑿覆擋住了框 2,使框 2 從視圖中隱沒。

要是把一切三個框都向左挪動,那末框 1 向左浮動直到碰著包含框,其余兩個框向左浮動直到遇到前一個浮動框。

CSS 浮動實例 - 向左浮動的元素

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/rumen/r53324.shtml