css宽度百分比设置圆形,CSS - 如何设置多个div宽度以非圆形百分比填充父div空间...

了解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;

}