重複背景

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

根據其他佈局因素，一個簡單的解決方案是創建一個橫跨兩者的單個背景圖像，並將其設置爲容器元素的背景。這樣，無論哪一列有較大的內容，背景都會跨越整個內容。

當然，這對於固定寬度佈局等效果最好。