重复背景

Question

在双列模板中，如何在两列高度不同时重复使用每列的背景？

例如，如果我的第1列高度为200像素（加载一些动态物质后），第2列高度为500像素，第1列背景根据200像素高度显示，第2列根据500像素显示背景，但是我希望两列'背景为500px。

注意：由于要加载的动态内容，高度可能会有所不同。

Answer 1

啊，等高柱。您可以使用JavaScript，CSS，图像等在线查找数十种技术，所有这些技术都取得了不同程度的成功。

我是人造色彩的专栏，你有一个单一的背景图像是两列的宽度，并且图像平铺在两个列周围的容器元素中。然后背景将延伸到最高的一列。理论上，这种技术可以用于两列，三列或更多列。

原始文章在A List Apart（http://www.alistapart.com/articles/fauxcolumns/）上，但最终结果可能因您的设置和结构而异。

Answer 2

根据其他布局因素，一个简单的解决方案是创建一个横跨两者的单个背景图像，并将其设置为容器元素的背景。这样，无论哪一列有较大的内容，背景都会跨越整个内容。

当然，这对于固定宽度布局等效果最好。