.parent{display:flex;宽度：600px；}.parent>div{高度：100px；}.item-1{宽度：140px；弹性：210%；背景：蓝色；}.item-2{宽度：100px；弹性：21自动；背景：深蓝色；:11200像素;背景：淡蓝色；}阅读了阮一峰的flex布局教程和HaoyCn关于flex属性的解答，整理了这篇文章加深印象。flex属性是三个属性flex-grow、flex-shrink和flex-basis的简写形式。flex布局包括外部容器和内部item，flex属性是item的属性。设置好几个item的flex属性后，都会有一个初始指定的占用空间x（具体宽度值）。如果父元素容器的宽度值y大于子元素item占用的空间x，则y-x称为剩余分配空间。现将flex属性的细节整理如下：示例解释（借用HaoyCn的回答）
