彈性盒子

學習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;}

效果圖：