Динамическая установка высоты двух плавающих DIVS
Кодирование выполнено с использованием VS2008. На моей странице есть два блока, а именно «dvLeftContent» и «dvRightContent». Я не могу статически установить высоту страниц, так как "dvRightContent" имеет переменную высоту на разных страницах (здесь используются мастер-страницы) Есть ли функция на стороне клиента (javascript или jquery), которая берет высоту правого div и назначает ее левому div?
Ответы 3
Используя jQuery:
$("#dvRightContent").bind("resize", function(){
$("#dvLeftContent").css('height', $("#dvRightContent").css('height'));
});
Спасибо, micahwittman. Небольшие изменения
$("#dvRightContent").resize(function(){
$("#dvLeftContent").css("height", ($("#dvRightContent").attr("offsetHeight") - 250 ) +"px");
});
Это потому, что в этом случае высота будет давать только "авто", так как она установлена таким образом.
Также есть плагин jQuery, который сделает эту работу за вас: Выровнять
Он обрабатывает как сценарий, где rightcol больше, чем leftcol, так и где leftcol больше, чем rightcol. Это также позволяет вам указать, какой элемент внутри leftcol или rightcol должен получить добавленное пространство.
Интересно. Не за что, кстати. Кроме того, только что сделал быстрое редактирование, чтобы исправить опечатку в моем имени пользователя.