2列CSS浮动布局

用这个简单的CSS布局把我的头发拔出来。我有一个两列的固定布局，页眉和页脚都包含在包装器中。我需要CSS中的“左”背景区域在“右”列中的内容较长时自动扩展到页脚（如附件所示）。我尝试过“高度：100%”，但这不起作用

有人能帮忙吗

---

制作一个假的bg图像，并在两个容器上垂直向下重复。确保容器清除浮标。

是的，这个问题很烦人

另一种解决方案是将容器div设置为您希望导航的颜色，然后将内容物设置为另一种颜色：

<style>
#page { background-color:blue; width: 996px; etc }
#contents { background-color:red; etc }
</style>
<div id="page">
     <div id="sidebar">
    </div>
    <div id="contents">
   </div>
</div>

使用div，但背景“页面”的颜色将在左侧，内容的背景将在右侧

我希望这会有所帮助。当右边比左边小时，这会受到影响：(

编辑：

如果您愿意，也可以使用这种格式的bg图像。这在html/css中很难做到，您只需播放，直到找到适合您的解决方案。这花费了我几天的时间来研究我的网站：（

此网站：

---

有一些很好的例子，展示了各种各样的布局，做得很好，而且（相对而言）干净。它们是我在过去使用过的，它们工作得很好。它们有点复杂，但它们可以工作，这是CSS中一个臭名昭著的问题，不容易解决。上面的解决方案是我找到的最好、最干净、最可靠的解决方案。

禁用图像时会发生什么？定义图像。常规良好的ole图像？Bg图像通过css禁用？@Josh K:-1如果可以的话（为了你的反对票）！如果人们关闭图像，他们就看不到他的页面了。这一切都是美丽的荣耀，就这么简单。+1mender@meder：或者。禁用图像将删除背景以及“常规良好ole”图像。您必须确保站点上的内容具有禁用图像的后备功能。将深色背景图像放置在白色文本下会导致重大问题（即无法读取任何内容）.@Josh K-那么你只需在容器上指定bg颜色作为备用？我认为这是假设的/给定的。我一直在关注你在链接站点上的进度，我很高兴你找到了解决方案！与我所说的相反：）（内容有bg图像和侧边栏推动框）Gj！我希望你回来，在我的答案上打勾，因为我的答案是正确的。。。

 _____________________
|   |                 |
|   |                 |
|   |                 |
|   |                 |
|___|                 |
|___|_________________|