我试着用两列来布置一个类似表格的页面。我希望最右边的列停靠在页面的右侧，并且该列应该具有不同的背景色。右边的内容几乎总是比左边的小。我希望右侧的div始终足够高，以达到其下方行的分隔符。我怎样才能使我的背景色填满这个空间
.rightfloat{
颜色：红色；
背景色：#BBBBBB；
浮动：对；
宽度：200px；
}
.左{
字号：20pt；
}
.分离器{
明确：两者皆有；
宽度：100%；
边框顶部：1件纯黑；
}<；div class=“分隔符”>；
<；div class=“rightfloat”>；
有些内容很短。
</部门>；
<；div class=“left”>；
有些真的真的真的
内容真的很大
</部门>；
</部门>；
<；div class=“分隔符”>；
<；div class=“rightfloat”>；
还有一些简短的内容。
</部门>；
<；div class=“left”>；
有些真的真的真的
内容真的很大
</部门>；
</部门>编辑：我同意这个例子非常像表格，一个实际的表格将是一个很好的选择。但我的“真实”页面最终将不再像表格一样，我只想首先掌握这项任务
此外，出于某种原因，当我在IE7中创建/编辑帖子时，代码会正确显示在预览视图中，但当我实际发布消息时，格式会被删除。在Firefox2中编辑我的帖子似乎奏效了，FWIW
是的，另一个杀手。它确实在我的简单页面上运行得很好，但在我实际的较重页面上却不行。我会调查你们指向我的一些链接
啊哼
对您的问题的简短回答是，您必须将body和html标记的高度设置为100%，然后将每个div元素的高度设置为100%，使其成为页面高度的100%
实际上，100%的高度在大多数设计情况下都不起作用——这可能很短，但不是一个好的答案。谷歌“任何列最长”的布局。最好的方法是将左列和右列放入包装器div，浮动左列和右列，然后浮动包装器-这使其拉伸到内部容器的高度-然后在外部包装器上设置背景图像。但是注意浮动元素上的任何水平边距，以防出现IE“双边距浮动错误”