在做頁面時，我們往往會碰到頁面布局相關的內容，面試時也經常會被問到，那麼今天我就來總結一下關於頁面布局的內容。假設高度已知，請寫出三欄布局，其中左右寬度均為300px，中間自適應。
看了上面的題目，有經驗的人也許會覺得很簡單，仔細想想，如果我們來寫，能寫出幾種方案呢？一般都會想到兩種吧，float和position定位，其實除了這兩種外，還有3種可以寫，下面我就來一一介紹一下：
我是中間的自適應元素--浮動
我是中間的自適應元素--絕對定位
我是中間的自適應元素--flex布局
我是中間的自適應元素--table
我是中間的自適應元素--grid布局
三欄布局，中間自適應
css left right centerdom 中間盒子放最後，不然佔位了右邊盒子就到下面去了 left right center中間的左右都要300px father left right center.father father div left right centertable不要寫錯了 ...
左右固定中間自適應布局
1.這是三欄布局中間部分 2.這是三欄布局中間部分 1.這是三欄布局中間部分 2.這是三欄布局中間部分 其實稍微想一下就能想到這個flex布局，article的display設定為flex，左右div寬度固定，中間div的flex屬性設定為1，讓其自動填充剩下的空間 1.這是三欄布局中間部分 2.這...
三種兩欄固定中間自適應布局
兩邊固定中間自適應這種布局方式在平常的專案中非常常見，本文介紹三種基礎方法，根據這三種方法也可以組合出不同的方法。在這裡插入 片 box right right mid mid left left 在這裡插入 片 這裡的flex 1等同於 flex grow 1 放大的比例。預設為0，如果為1則是放...