了解Flex显示
是停止做计算它总是适合在网格
HTML
1
2
3
4
5
6
1
1
1
1
2
的最佳方式CSS
div {
display:-moz-box;
/* Firefox */
display:-webkit-box;
/* Safari and Chrome */
display:-ms-flexbox;
/* Internet Explorer 10 */
display:box;
width:100%;
border:1px solid black;
}
.p1 {
-moz-box-flex:1.0;
/* Firefox */
-webkit-box-flex:1.0;
/* Safari and Chrome */
-ms-flex:1.0;
/* Internet Explorer 10 */
box-flex:1.0;
border:1px solid red;
}
.p2 {
-moz-box-flex:2.0;
/* Firefox */
-webkit-box-flex:2.0;
/* Safari and Chrome */
-ms-flex:2.0;
/* Internet Explorer 10 */
box-flex:2.0;
border:1px solid blue;
}