第一個(gè)屬性：flex-basis
flex-basis 理盆，basis英文意思是<主要成分>喊儡，所以他和width放在一起時(shí),肯定把width干掉颊糜，basis遇到width時(shí)就會(huì)說我才是最主要的成分哩治，你是次要成分，所以見到我的時(shí)候你要靠邊站衬鱼。
該屬性用來設(shè)置元素的寬度业筏，其實(shí)，width也可以設(shè)置寬度鸟赫。如果元素上同時(shí)設(shè)置了width和flex-basis蒜胖，那么width 的值就會(huì)被flex-basis覆蓋掉。
第二個(gè)屬性：flex-grow
flex-grow抛蚤，grow英文意思是<擴(kuò)大台谢，擴(kuò)展，增加>,這就代表當(dāng)父元素的寬度大于子元素寬度之和時(shí)岁经，并且父元素有剩余朋沮，這時(shí)，flex-grow就會(huì)說我要成長(zhǎng)缀壤，我要長(zhǎng)大朽们，怎么樣才能成長(zhǎng)呢，當(dāng)然是分享父元素的空間了诉位。見下面第二個(gè)屬性的內(nèi)容。
該屬性用來設(shè)置當(dāng)父元素的寬度大于所有子元素的寬度的和時(shí)（即父元素會(huì)有剩余空間）菜枷，子元素如何分配父元素的剩余空間苍糠。?flex-grow的默認(rèn)值為0，意思是該元素不索取父元素的剩余空間啤誊，如果值大于0岳瞭，表示索取拥娄。值越大，索取的越厲害瞳筏。
?舉個(gè)例子: 父元素寬400px稚瘾，有兩個(gè)子元素：A和B。A寬為100px姚炕，B寬為200px摊欠。 則空余空間為 400-（100+200）= 100px。 如果A柱宦，B都不索取剩余空間些椒，則有100px的空余空間。
第三個(gè)屬性：flex-shrink
flex-shrink掸刊， shrink英文意思是<收縮免糕，>，這就代表當(dāng)父元素的寬度小于子元素寬度之和時(shí)忧侧，并且超出了父元素的寬度石窑，這時(shí)，flex-shrink就會(huì)說外面的世界太苦了蚓炬，我還是回到父親的懷抱中去吧松逊！因此，flex-shrink就會(huì)按照一定的比例進(jìn)行收縮试吁。見下面第三個(gè)屬性的內(nèi)容棺棵。
該屬性用來設(shè)置，當(dāng)父元素的寬度小于所有子元素的寬度的和時(shí)（即子元素會(huì)超出父元素）熄捍，子元素如何縮小自己的寬度的烛恤。?flex-shrink的默認(rèn)值為1，當(dāng)父元素的寬度小于所有子元素的寬度的和時(shí)余耽，子元素的寬度會(huì)減小缚柏。值越大，減小的越厲害碟贾。如果值為0币喧，表示不減小。
?舉個(gè)例子: 父元素寬400px袱耽，有兩子元素：A和B杀餐。A寬為200px，B寬為300px朱巨。 則A史翘，B總共超出父元素的寬度為(200+300)- 400 = 100px。 如果A，B都不減小寬度琼讽，即都設(shè)置flex-shrink為0必峰，則會(huì)有100px的寬度超出父元素。?
