根據左div的高度製作正確的div重複背景

Question

我在容器div中有兩個div，一個浮動左邊，一個浮動右邊。 我有一個搜索引擎的功能，吐出結果，進入左邊的div。我需要做的是有 正確的div重複基於左div的不同結果的高度的背景。我不知道該怎麼做，有什麼想法？

現在它看起來是這樣的：

左格內容的權利的div背景
左格內容的權利的div背景
左格內容的權利的div背景
左格內容
左格內容

我需要它做的是基於它的左邊div的內容重複 - y所以它看起來像這樣

左格內容的權利的div背景
左格內容的權利的div背景
左格內容的權利的div背景
左格內容的權利的div背景
左格內容的權利的div背景
左格內容的權利的div背景

編輯： 我現在唯一能想到的解決方案是在右邊的div中爲每個鏈接吐出一個空白行，我想避免這種情況，這就是爲什麼我要求一個不同的解。

編輯2： 想通過JavaScript的另一種方式，以檢測div加載到頁面後的高度，並重新分配左側的高度。我想避開的東西，但嘿，你可以做什麼。

Answer 1

作爲一個純粹的css解決方案，您可以使用faux columns。基本上它意味着在父級使用背景重複來掩蓋div高度。這是一個醜陋的黑客攻擊，但對於大多數場景來說，它的工作方式非常出色

或者你也可以使用JavaScript：

var box1 = document.getElementById('left-div'); 
var box2 = document.getElementById('right-div'); 
var height = box1.offsetHeight; 
if(box1.offsetHeight < box2.offsetHeight) height = box2.offsetHeight; 
box1.style.height = box2.style.height = String(height) + 'px'; 

Answer 2

設置正確的div高度與左div相同。