创建3列垂直布局？

Question

我试图创建一个三列垂直布局，水平做到这一点并不难：

直播水平例如：http://jsfiddle.net/NQU9u/

但是对于垂直，我尝试了代码的反面：

<div style="width:100%; height :100%; background-color:Lime;"> 
    <div style="width:33%; height:100%; background-color:Blue;"> 
    a 
    </div> 
    <div style="width:34%; height:100%; background-color:Gray;"> 
    b 
    </div> 
    <div style="width:33%; height:100%; background-color:Aqua;"> 
    c 
    </div>   
</div> 

可悲的是，这是行不通的。

任何帮助/建议吗？

Answer 1

<div style="width:100%; height :100%; background-color:Lime;"> 
    <div style="width:34%; height:100%; background-color:Blue; float:left;"> 
     a 
    </div> 
    <div style="width:33%; height:100%; background-color:Gray; float:left;"> 
     b 
    </div> 
    <div style="width:33%; height:100%; background-color:Aqua; float:left;"> 
     c 
    </div>   
</div>