現(xiàn)在使用的布局方案是flex，常規(guī)用法就不說了。主要說下flex布局的元素的自適應(yīng)寬度問題座硕。
常用場(chǎng)景是：一個(gè)或多個(gè)元素固定寬度，其余自適應(yīng)剩余寬度涕蜂。
通常寫法是 固定寬度的寫為 width: 100px; 自適應(yīng)的寫為 flex：1华匾；
（固定寬度也可以寫 flex：100px）
flex這個(gè)屬性是flex-grow，flex-shrink机隙，flex-basis三個(gè)屬性的簡(jiǎn)寫蜘拉，flex后面不設(shè)置3個(gè)參數(shù)的時(shí)候，代表以下意思：
- 設(shè)置數(shù)字：代表設(shè)置
flex-grow - 設(shè)置寬度：代表設(shè)置
flex-basis - none:
flex: 0 0 auto元素完全非彈性的：既不會(huì)縮短有鹿，也不會(huì)伸長(zhǎng)來適應(yīng) flex 容器旭旭。 - auto:
flex: 1 1 auto元素自動(dòng)伸長(zhǎng)或縮短適應(yīng)flex容器。 - initial：
flex: 0 1 auto元素只會(huì)縮短適應(yīng)flex容器葱跋。 - 兩個(gè)數(shù)字：第一個(gè)數(shù)字
flex-grow持寄，第二個(gè)flex-shrink - 一個(gè)數(shù)字，一個(gè)寬度：第一個(gè)數(shù)字
flex-grow娱俺，第二個(gè)flex-basis
