六、弹性盒

父盒子设置：

display：-前缀-flex; 表示父盒子是弹性盒容器，自动可以将盒子并排显示

子盒子设置：

只设置宽度，不设置浮动，就可以达到并排显示。

.box {
    width: 600px;
    height: 200px;
    border: 1px solid #000;
    /* 父盒子弹性盒容器 */
    display: -webkit-flex;
}
.box .no1 {
    /* 子盒子不要书写浮动 */
    width: 100px;
    height: 200px;
    background-color: green;
    margin-right: 10px;
}
.box .no2 {
    /* 子盒子不要书写浮动 */
    width: 200px;
    height: 200px;
    background-color: blue;
    margin-right: 10px;
}
.box .no3 {
    /* 子盒子不要书写浮动 */
    width: 100px;
    height: 200px;
    background-color: green;
}