Если у меня есть два div, родитель которого (назовем его #parent) является динамическим по высоте, есть ли способ сохранить дочерний div (назовем его #child) на той же высоте, используя jQuery, и чтобы эта высота увеличивалась и уменьшалась, поскольку родительский div реагирует на изменение высоты?Возьмите в родительских divs (динамическую) высоту и установите дочерний div на ту же высоту.
Try ...
var h = $("#parent").height();
$("#child").height(h);
Или
$("#child").height($("#parent").height()); //to save a line of code
Добавьте код сразу после того, как все, что изменения высоты дивы. Независимо от того, что будет на $(document).ready() или пользовательской функции
Почему бы не обойтись без temp var и пойти еще дальше? . (. $ ("# Родитель") высота()) '$ ("# ребенок") высота;'. О, и это не будет реагировать на изменения размеров. – j08691
@ j08691 обновлен для вас. Я думаю, что для новичков легче использовать jQuery, чтобы увидеть различные использования 'height()', если они разбиты. – Kierchon
$ (document) .ready() на самом деле не то, что вы ищете, поскольку родительский div может содержать изображения и другой динамический контент. Вы должны пойти с $ (window) .load (function() {// Ваш код здесь}); вместо. (работал для меня) – Malachi
Вы также можете сделать это с помощью CSS, просто установите высоту ребенка Div 100%
#parent
{
//css of parent div
}
#child{
height:100%;
}
IE и Firefox не могут справиться с этим, когда высота родительского div не установлена строго, чего я не могу сделать в этом случае. –
Он отлично работает в IE, я пробовал его без высоты div родителя. –
Вот проблема, которую я пытаюсь найти. http://stackoverflow.com/questions/19863286/positioning-and-height-not-working-correctly-in-firefox-ie/19863570 У вас есть идея, почему div не будет играть в мяч в IE или Firefox? –
дисплей: встроенный блок работал для меня. У меня был вложенный ng-повтор внутри другого ng-repeat, и у родителей всегда было 0 height
Да, да. – j08691
Почему бы не просто установить высоту ребенка на 100%? –
Firefox и IE не могут справиться с этим, когда родительский div не имеет строгой высоты набора. –