這篇文章主要介紹了css浮動的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
浮動的框概略向左或向右移動，直到它的外邊際碰著包羅框或另外一個浮動框的邊框為止。
由于浮動框不在文檔的普通流中，所以文檔的平凡流中的塊框顯現得就像浮動框不具有異樣。
請看下圖，當把框 1 向右浮動時，它離開文檔流并且向右移動，直到它的右側緣碰到席卷框的左邊緣：
再請看下圖，當框 1 向左浮動時，它來到文檔流并且向左移動，直到它的左邊緣遇到囊括框的左邊緣。因為它再也不處于文檔流中，所以它不攻陷空間，理論上覆擋住了框 2，使框 2 從視圖中消失。
假設把所有三個框都向左移動，那末框 1 向左浮動直到碰到囊括框，其他兩個框向左浮動直到遇到前一個浮動框。
感謝你能夠認真閱讀完這篇文章，希望小編分享的“css浮動的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
