我试图布置一个有两列的表格式页面。 我希望最右边的列停靠在页面右侧,此列应具有不同的背景颜色。 右侧的内容几乎总是小于左侧的内容。 我希望右侧的div始终足够高,以便到达它下面的行的分隔符。 如何使背景颜色填充该空间?
.rightfloat { color: red; background-color: #BBBBBB; float: right; width: 200px; } .left { font-size: 20pt; } .separator { clear: both; width: 100%; border-top: 1px solid black; }
<div class="separator"> <div class="rightfloat"> Some really short content. </div> <div class="left"> Some really really really really really really really really really really big content </div> </div> <div class="separator"> <div class="rightfloat"> Some more short content. </div> <div class="left"> Some really really really really really really really really really really big content </div> </div>
编辑:我同意这个例子非常像桌子,实际的表格将是一个不错的选择。 但是我的“真实”页面最终将不那么像桌子了,我只想先掌握这个任务!
此外,出于某种原因,当我在IE7中创建/编辑我的帖子时,代码在预览视图中正确显示,但是当我实际发布消息时,格式化将被删除。 在Firefox 2中编辑我的帖子似乎有用,FWIW。
另一个编辑:是的,我不接受GateKiller的回答。 它确实在我的简单页面上很好地工作,但不是在我实际较重的页面中。 我将调查你们所指出的一些链接。