CSS3提供的显示属性值与框的值，这是非常方便的开发。这里是一个详细描述CSS3展示盒的具体用法。
其中一个场景如下：
如果要使内部的123个元素级别以不同的比例分隔外部占用的空间，我们可以使123个元素浮动或将显示属性设置为行块，然后设置宽度属性的宽度百分比来分隔外部。
你可以在使用显示框后这样做：
复制代码代码如下所示：
#外{
宽度：600px；
身高：100px；
显示：-moz盒；
显示：WebKit的盒子；
显示：框；
}
# A1 {
背景：蓝色；
-moz盒弯曲：1；
WebKit的Flex 1盒；
框弯曲：1；
}
# A2 {
背景：绿色；
-moz盒弯曲：2；
WebKit的Flex 2盒；
框弯曲：2；
}
# A3 {
背景：黄色；
-moz盒弯曲：3；
WebKit的Flex 3盒；
框弯曲：3；
}
结果如下：
在子单元箱Flex属性是元素的比例，如果是要使这个属性有效，父元素必须设置显示：box.in A3，例如A3套箱Flex 3，和它的宽度是600 *（3 /（1 + 2 + 3））是300px。
如果一个子元素设置一个固定宽度100px，剩下的500px将参与比例法则。
以上是CSS3显示盒与大家分享，希望你们喜欢。
