css - 重复背景

Question

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

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

注意:高度可能因要加载的动态内容而有所不同。

Answer 1

啊，等高列。您可以在网上找到数十种使用 JavaScript、CSS、图像等的技术，它们都取得了不同程度的成功。

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

原始文章位于 A List Apart ( http://www.alistapart.com/articles/fauxcolumns/ )，但最终结果可能会因您的设置和结构而有很大差异。