-webkit-box-ordinal-group: 2;1。。。布局优先显示
display: -webkit-box;盒子
-webkit-box-orient:horizontal;显示方式
-webkit-box-flex: 1;盒子多少显示,数字显示的大小
<html>
<head>
<title></title>
<style type="text/css">
body{
display: -webkit-box;
-webkit-box-orient:horizontal;
100%;
}
#box1{
background-color: red;
100px;
-webkit-box-ordinal-group: 2;
}
#box2{
background-color: black;
-webkit-box-flex: 1;
-webkit-box-ordinal-group: 2;
}
</style>
</head>
<body>
<div id="box1">1</div>
<div id="box2">2</div>
<div id="box3">3</div>
</body>
</html>