以后要把flex用起来

flex 布局：

父级元素定义display:flex,

子元素宽度用flex来定义,flex:1 是均分父级元素。占的比例相同

 .left{

flex: 2;
}
.middle{
flex:1;
}
.right{
flex: 3;
}

2,1,3   都是占比（2 是占2份     1是占1份   3是占三份）

原文：https://www.cnblogs.com/zcafe/p/10942892.html