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>