css - 如何在屏幕上实现这个 DIVs(HTML) 布局

Question

大家好，我正在寻找组织 DIV 的最佳方式 (HTML) 在屏幕上我正在寻找的是类似的东西

DIV(100% height  align left)         DIV(50% height align right)  
                                     DIV(50% height align right)

我只想使用 DIV 我已经使用表格完成了它并且它正在工作但想知道我是否可以使用 DIV 来完成它 我使用的一个提示是 float=left。

谢谢大家的帮助

Answer 1

最简单的一个 - http://jsfiddle.net/JeHfy/13/

<div class="col1">
  column 01
</div>
<div class="col2">
   column 02   
</div>
<div class="col3">
  column 03    
</div>

html, body{
height:100%;
width:100%;
}
.col1{
width:50%;
height:100%;
background:#666;
float:left;
}

.col2, .col3{
width:50%;
height:50%;
background:#333;
float:left;
}
.col3{
background:#999; 
}