CSS列：继续右侧边栏和两列到一列

Question

我需要一些布局方面的帮助，因为我是新手。我基本上需要在水平导航栏下方的三列布局，但是我需要关闭前两列，以便我可以在它们下方有一个“文本块”，而不会影响连续的右侧栏。我可以用一张桌子来做这件事，但如果还有另一种方法，我宁愿不这样做。

Answer 1

http://jsfiddle.net/sJWKE/这是你正在寻找的效果吗？

HTML

<div id="wrapper">
    <div id="header">
    header
    </div>
    <div id="colWrap">
        <div class="col">
        column 1
        </div>
        <div class="col">
        column 2
        </div>
        <div id="text">
        text
        </div>
    </div>
    <div id="col3">
        column 3
    </div>
</div>