重复背景

Question

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

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

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

Answer 1

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

当然，这对于固定宽度布局等非常有效。

Answer 2

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

我是人造柱的粉丝，你有一个背景图像，它是两列的宽度，并且该图像在一个围绕两列的容器元素中平铺。然后背景将延伸到最高的列。从理论上讲，这种技术可以用于两列，三列或更多列。

原始文章位于A List Apart（http://www.alistapart.com/articles/fauxcolumns/），但最终结果可能会有很大差异，具体取决于您的设置和结构。