正如您将看到的那样，有一个侧栏和一个内容区域，侧边栏向左浮动，内容向右浮动，页脚清除两者。
侧边栏上的高度和内容未设置，因此div增长！
但是，您可以看到，如果一个浮动div大于另一个浮动div，则会显示背景图像。
我需要知道如何使两个div的背景颜色始终相同，并且在和平与和谐中共同成长
由于
答案 0 :(得分：1)
你要问的是两个div的高度是相同的，即使它们的内容高度不同。如果不依赖表或javascript，就无法做到这一点。
你可以做些什么来达到同样的效果，有一个容器div（我可以看到你已经拥有它）并给它一个侧边栏和内容颜色的垂直重复背景图像。这被称为Faux Columns。
确保在容器内清除（将<div class="clear"></div>向上移动一级），以便容器获得较大div的高度。
答案 1 :(得分：1)
display: table-cell（以及删除浮点数）可以在这里轻松工作，但较低的IE不会喜欢它。
或者，您可以随时使用臭名昭着的 Faux Columns