javascript - 设置 div 的高度但保持流畅

Question

我有一种情况需要制作一个与绝对定位的侧边栏大小相同的 div。我使用这段 jQuery 对它进行了排序；

$('#main').height('auto');
top_height = $('.toolbar').outerHeight();
side_height = $('#RightSideBar').height();
body_height = $('#main').innerHeight();
console.log(body_height + '  ' + side_height);
if (body_height < side_height){
    $('#main').height(side_height + top_height);
}
else {
    $('#main').height(body_height);
}

由于某些页面上某些内容的动态特性，我遇到了一个新问题。由于 #main 的高度是绝对设置的，如果其内容的大小增加，div 的大小将不会随之增加，反之亦然。

我需要将 div 设置为与侧边栏相同的高度，并使其内容保持流畅。所以 div 会增加和减少高度，直到侧边栏的高度。

我希望这很容易理解，如果不是请说出来。

Answer 1

不要在计算中设置#main 的height，而是尝试设置min-height:

if (body_height < side_height){
    $('#main').css('min-height', side_height + top_height);
}
else {
    $('#main').css('min-height', body_height);
}