Question

大家好我正在寻找组织DIV的最佳方式（HTML）在屏幕上我正在寻找的东西是那样的

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

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

感谢所有帮助

Answer 1

这取决于很多事情，您希望内容在整个页面上传播还是希望它是固定的宽度？

我发现使用100％高度很少在HTML中工作，高度将取决于DIV的内容，除非您在px中指定高度并设置溢出。

如果您正在寻找网格布局，请查看http://960.gs/它使网格布局快速且易于编写，并为您提供固定的960px页面。它需要不超过20-30分钟才能掌握，互联网上有很多例子。

我们在工作http://www.matchtech.com

的网站上使用了grid960布局

Answer 2

最简单的一个 - 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; 
}

如何在屏幕上实现这种DIV（HTML）布局

2 个答案: