我正在为我的网站开发一个新的布局，它使用页眉，页脚和两个列中心区域。两列由主要内容区域（流体高度和宽度）和右侧边栏（流体高度和固定宽度）组成。我以前做过类似的布局，但是这个布局取决于使用两个不同的背景图像（一个用于侧边栏，一个用于内容区域）。
有没有办法实现这一点，使用适当的HTML＆amp; CSS，这样两列的背景图像总是相同的高度，不管哪些列的内容更长？
我尝试使用JavaScript来模拟这一点，但如果内容区域中有图像，则效果不佳。我真的不想以任何方式使用这种方法。
非常感谢任何帮助。
我在http://staging.jamesarmes.net/jimmyssandbox设置了暂存环境以提供示例。这个环境不是我的成品，但我希望在我进一步移动之前控制容器。我在http://www.jamesarmes.net/files/jimmyssandbox-theme1.png张贴了我的设计作品。
答案 0 :(得分：0)
假设HTML结构类似
#container
|-- #main-content
|-- #sidebar
您要使用faux columns，将重复背景应用于#container。只要每个都是垂直重复的背景，没有像每个需要在不可调和的高度重复的问题，你可以直接使用它。
但是，既然你说主要内容领域是流动的，这就引入了一些问题。 "Creating Liquid Faux Columns"可能适合您。
或者，我会考虑使用常规的虚拟列并牺牲一个非语义div，使用conflicting absolute positions将其扩展到#container的完整高度。常规的人造柱将被定位以覆盖固定宽度的柱，并且非常宽，将为流体柱提供背景，直到绝对定位div，包含重复的相反端背景，踢。结构只是
#container
|-- #bghack
|-- #main-content
|-- #sidebar
#bghack支持其兄弟姐妹。