場(chǎng)景： 元素分為左右兩塊浓利，左邊元素定寬，右邊元素自動(dòng)充滿屏幕够挂。
flex布局中設(shè)置寬度被壓縮的問(wèn)題
當(dāng)子元素設(shè)置固定寬度旁仿，如果整體寬度不足時(shí)，會(huì)把固定寬度給壓縮孽糖，解決方法: 給固定寬度的元素添加flex-shrink:0枯冈。
flex-shrink
指定了 flex 元素的收縮規(guī)則。
設(shè)置flex屬性時(shí)子元素寬度超出父元素
設(shè)置右邊元素flex：1办悟，當(dāng)右邊元素寬度超過(guò)父元素時(shí)尘奏，會(huì)造成右邊寬度溢出。
解決方案：給右側(cè)設(shè)置了flex:1;的元素病蛉，同時(shí)設(shè)置width:0
.right {
width: 0;
flex: 1;
}
