Создание правого div повторяет фон на основе высоты левого div

Question

У меня есть два элемента div в контейнере div, один с плавающей левой, другой с плавающей правой. У меня есть функция php для поисковой системы, которая выплевывает результаты, в левом div. что мне нужно сделать, это иметь правый div повторяет фон, основываясь на высоте различных результатов на левом div. Понятия не имею, как это сделать, есть идеи?

Прямо сейчас это выглядит так:

содержимое левого div правый фон div
левый div контент правый div background
левый div-контент правый div-фон
оставленный контент div
оставленный контент div

Мне нужно сделать так, чтобы это повторялось содержимое левого div, чтобы оно выглядело так

содержимое левого div правый фон div
левый div контент правый div background
левый div контент правый div background
левый элемент div правый фон div
левый элемент div правый фон div
левый элемент div правый фон div

EDIT: Единственное решение, которое я могу придумать прямо сейчас, - это выложить пустую строку в правом div для каждой ссылки в левом div, я бы хотел этого избежать, поэтому я прошу другое решение.

РЕДАКТИРОВАТЬ 2: Мысль о другом способе с помощью javascript - просто определить высоту после загрузки div на страницу и переназначить высоту слева направо. что-то, чего я хотел бы избежать, но эй, что ты можешь сделать.

Answer 1

В качестве чистого решения CSS вы можете использовать искусственные столбцы . В основном это подразумевает использование фонового повтора для родителя, чтобы замаскировать высоту 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.