css3流动布局

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

width: 100%;

}

#box1{

background-color: red;

width: 100px;

-webkit-box-ordinal-group: 2;

}

#box2{

background-color: black;

-webkit-box-flex: 1;

-webkit-box-ordinal-group: 2;

}

</style>

</head>

<body>

<div >3</div>

</body>

</html>