一、flex-grow、flex-shrink、flex-basis属性flex-grow: 定义剩余空间的分成。默认为0，即如果存在剩余空间，也不放大。flex-shrink: 定义了项目的缩小比例。flex-shrink的默认值为1

CSS 中的 Flex(d性布局) 可以很灵活的控制网页的布局，其中决定 Flex 布局内项目宽度高度的是三个属性：flex-basis, flex-grow, flex-shrink.flex-basisflex-basis 决定了

flex-grow、flex-shrink、flex-basis三个属性的作用：在flex布局中，父元素在不同宽度下，子元素是如何分配父元素空间的。(注意：这三个属性都是在子元素上设置的，下面小编要讲的是父元素，指以flex布局的元素(