比例属性可以在父元素上设置，也可以在子元素上设置。在父元素上设置比例属性，表示子元素的空间分配权重。子元素上设置比例属性则表示自身在父元素内占据的比例。下面大家来看一个实例：
.container {
display: flex;
height: 300px;
}
.item-1 {
flex: 1;
background-color: red;
}
.item-2 {
flex: 2;
background-color: green;
}
.item-3 {
flex: 1;
background-color: blue;
}在这个实例中，大家设置了一个高度为300px的父元素，其内部有三个子元素。大家给这三个子元素分别设置了比例属性，分别为1，2，1。这表示第二个子元素要比其他子元素更宽。结果如下图所示：
大家可以看到，第二个子元素（绿色）的宽度是其他两个（红色、蓝色）的两倍。这就是 flex 属性的作用。它控制了子元素在父元素内的分配权重，从而实现了布局效果的精准控制。
总之，比例属性是弹性布局中非常实用的一种技术。大家可以用它来控制子元素在父元素内的宽度、高度、间距等，实现丰富多彩的页面布局效果。