Css 如何在屏幕上实现这个DIVs（HTML）布局

大家好，我正在寻找组织div的最佳方法（HTML） 在屏幕上我要找的是这样的东西

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

我只想使用div 我已经用表做了，它正在工作，但我想知道我是否可以用div做 我使用的一个提示是float=left

---

感谢所有帮助

这取决于许多因素，您希望内容在整个页面上传播，还是希望其宽度固定

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

如果您正在寻找网格布局，请查看它使网格布局快速且易于编写，并为您提供一个固定的960px页面。掌握诀窍应该不超过20-30分钟，互联网上有很多例子

我们在工作中的一个网站上使用了grid960布局

最简单的一个-

第01栏
第02栏
第03栏
html，正文{
身高：100%；
宽度：100%；
}
.col1{
宽度：50%；
身高：100%；
背景:#666；
浮动：左；
}
.col2、.col3{
宽度：50%；
身高：50%；
背景：#333；
浮动：左；
}
.col3{
背景：#999；
}

---

​

固定高度父视图、视口或整个页面的100%和50%？到目前为止，您尝试过什么吗？你的HTML和CSS在哪里？如果你想得到答案，你需要问一个真实而具体的问题。

身高：100%并不像你说的那么神秘。如果以百分比指定高度，则将根据父元素的指定高度来确定。如果父元素的高度设置为“自动”，则实际上无法进行测量。
<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; 
}