弹性盒子

学习css3：网址：http://www.w3cplus.com/

如：

HTML：

<div class="box">    <div class="box_left">box_left</div>        <div class="box_center">box_center</div>        <div class="box_right">box_right</div>    </div>

css：

.box{ width:80%; display:box;display:-moz-box;display:-webkit-box;}.box_left{ height:100px; text-align:center; background:#06F; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;}.box_center{ height:100px; text-align:center; background:#CF6; -moz-box-flex:2; -webkit-box-flex:2; box-flex:2;}.box_right{ height:100px; text-align:center; background:#C6F; -moz-box-flex:3; -webkit-box-flex:3; box-flex:3;}

效果图：