css3弹性盒子布局

 .warp {
 display: -moz-box;
    display: -webkit-box;
    display: box;
    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
}
#box1 {
-webkit-box-flex: 2;box-flex: 2;
}
#box2 {
-webkit-box-flex: 1;box-flex: 1;
}
#box3 {
width:100px;
}

html:

<div class="warp">

  <div id="box1"></div>

  <div id="box2"></div>

  <div id="box3"></div>

</div>