div 完美三等分

/*盒模型*/
display: -webkit-box;
display: -moz-box;
display: box;

/*横向or纵向*/
-webkit-box-orient: horizontal;   /*属性值：[horizontal]横向/[vertical]纵向*/
-moz-box-orient: horizontal;
box-orient: horizontal;

/*占有比例*/
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;

<!-- 横向排列 -->
    <div id="nav">
        <div id="box1">1</div>
        <div id="box2">2</div>
        <div id="box3">3</div>
    </div>
    <!-- 纵向排列 -->
    <div id="nav2">
        <div id="box4">4</div>
        <div id="box5">5</div>
        <div id="box6">6</div>
    </div>

讨论这个项目（4）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约