一、網頁佈局方式：
瀏覽器如何對當前內容進行排版
排版方式：
1.標準流（文檔流/普通流） 垂直排版（從上到下）
2.浮動流
3.定位流
二、浮動流基本概念
浮動流：“半脫離標準流”的排版方式
浮動流只有一種排版方式，就是水平排版，它只能設置一種排版方式
浮動流不能使用margin: 0 auto 的
部分塊級元素，浮動流中全部可以設置寬高，不區分
三、浮動元素脫標
什麼是浮動元素脫標？
脫標： 脫離標準流 當某一個元素浮動後，那麼這個元素就會像從標準流刪除一一樣，會造成前蓋後
浮動排序規則
相同方向上的浮動元素，先浮動的元素會顯示在前面。後浮動元素會顯示在後面，不發生覆蓋。
不同方向的浮動，左浮找做左浮，右浮找右浮動
浮動元素浮動之後位置，由浮動元素浮動之前在標準流來確定
四、浮動元素貼靠/字圍現象
當不夠寬的時候，div會自動向下移動。
當寬度不夠自動貼靠直到貼到父元素爲止。
浮動元素不會蓋住文字