html - 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>