一.雙浮動法

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

二.絕對定位法

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

三.彈性盒子

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

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

四.網(wǎng)格布局grid

五.表格布局

六.css計算、JS計算

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