Заставить все плавающие DIV соответствовать высоте их контейнера

Question

Я пытаюсь найти способ сделать так, чтобы три плавающих div совпадали с высотой самого большого плавающего div из трех (что с помощью решения clearfix является высотой их контейнера).

Мой вопрос очень похож на этот вопрос, только в моем вопросе необходимо требование, чтобы комментарии к ответу игнорировались :) (" что, если два столбца имеют разные цвета фона? " и т.д.)

Так что на самом деле я не могу подделать это. Страница использует перетаскивание & amp; Механизм отбрасывания похож на iGoogle с использованием scriptaculous, а сортируемые контейнеры dragdrop представляют собой плавающие элементы div. Пользователю было бы намного проще, если бы я мог заставить все контейнеры иметь одинаковую высоту.

Чем больше я ищу решения, тем больше похоже, что это невозможно сделать с помощью чистого CSS. Если это так, и мне нужно использовать некоторый JavaScript, пусть будет так.

Заранее спасибо.

РЕДАКТИРОВАТЬ: ссылка от idrumgood была решением, но не решением, которое я в итоге использовал. Я закончил тем, что портировал функцию jQuery, которую он предложил создать для создания прототипа, чтобы избежать конфликтов и избежать загрузки всей библиотеки jquery для одной функции.

Это порт функции javascript, который я в итоге использовал:

    function equalHeights(container) {
    var children = $A(container.immediateDescendants());
    var currentTallest = 0;

    for (i = 0; i < children.length; i++) {
        if (children[i].getHeight() > currentTallest) {
            currentTallest = children[i].getHeight();
        } //end if
    } //end for

    for (i = 0; i < children.length; i++) {
        children[i].setStyle({ height: (currentTallest + 'px') });
    } //end for
} //end equalHeights

Answer 1

Если вы согласны с javascript / jQuery, вот решение , я бы использовал .