因?yàn)樵O(shè)置了display: flex; 導(dǎo)致block布局變成了flex布局践宴， 所以在子元素寬度沒有被撐破的情況下鲸匿，子元素寬度是有效的浴井，但是當(dāng)子元素內(nèi)容過多晒骇，此時(shí)寬度會(huì)比實(shí)際寬度小，所以如果想要在已經(jīng)設(shè)置了flex布局的基礎(chǔ)上磺浙，再進(jìn)行子元素寬度的設(shè)置，可以應(yīng)用下面的樣式：（在該子元素上設(shè)置）
width: 120px;
flex-shrink: 0; /* 用數(shù)值來收縮比例 默認(rèn)值為1 */
