css自適應原理？

一. 雙浮動法

原理： float不會完全脫離文檔流,會占用原空間

二. 絕對定位法

原理： 左右絕對定位,脫離文檔流 。 中間不設置寬度,只設置左右邊距，自動撐滿塊級元素一行的剩余空間。

三. 彈性盒子

原理：flex:1 實際上是三個屬性的簡寫 , flex:1; 等同于 flex:1 1 auto;。

簡單的說，分別代表：剩余空間 容器縮小時壓縮比例 最小寬度。

四. 網格布局 grid

五. 表格布局

六. css計算 、 JS計算

原理：只要把div放在同一行，使用calc計算寬度即可 。