每次做两栏或三栏的时候，都要去Google搜索一下，而且都是 DIV 和 CSS 分开的。其实 Forece 只需要一个简单的就可以了。每次都要重新修改。这次做个记录。以后找代码就方便多啦。

1
2
3
4
<div id="main">
    <div id ="left" style="float:left; width:70%;"> 代码 </div>
    <div id ="right" style="margin-left:30%;"> 代码</div>
</div>

上边的是标准写法，下边的也可以达到两列并排效果，不过你会发现 left 和 right 并不在 main 这个 div 中。为了追求完美，Forece 还是用了上边的写法。因为上边是DIV并排的标准写法（这样可以仍受上级DIV的限制，而不是像float:left、float:right那样乱浮动，上级main都没法控制它们了）

1
2
3
4
<div id="main">
    <div id ="left" style="float:left; width:70%;"> 代码 </div>
    <div id ="right" style="float:right; width:30%;"> 代码</div>
</div>
打赏分享