#jquery #css #flexbox
#jquery #css #flexbox
Вопрос:
Как я могу это сделать с помощью jQuery: http://jsfiddle.net/tdskate/C4nAG /
Мне нужен div, который автоматически регулирует высоту, насколько бы ни было доступно вертикальное пространство.
Я попытался вычислить его с $('body > *').height()
помощью, а затем вычесть из него высоту элемента … но он не вычисляется должным образом, когда некоторые элементы имеют верхние или нижние поля.
Кроме того, он должен изменять размер при изменении размера окна браузера…
Ответ №1:
Это должно сработать:
$(function() {
$(window).resize(function() {
var other_element_heights = 0;
$('body').children().each(function() {
other_element_heights = $(this).outerHeight(true);
});
other_element_heights -= $('.auto-height').height();
$('.auto-height').height($(window).height() - other_element_heights);
}).resize();
});