Question

我有一个事件，当DIV元素的高度发生变化时。事实是它工作正常但是当我删除DIV的所有内容时，高度保持不变，直到我放置新元素。

我该如何避免这种情况？

HTML：

<div class="main-container">
   <div class="left_menu left"></div>
      <div class="right">
          <div class="child models"></div>
      </div>
   </div>
</div>

jQuery的：

new ResizeSensor(jQuery('div.main-container'), function() {
        var altura_total    = $('div#body').height();
        var main_container  = $('div.main-container').height();
        if ( altura_total > (main_container+310) ) $('div.footer').css('bottom', '0').css('position', 'fixed');
        else $('div.footer').css('bottom', '').css('position', '');
        console.info("Total: "+altura_total+' - main_container:'+main_container);

    });

当我从div.models范围内删除所有内容时，主容器的高度应该改变，但不是。

我通过jQuery删除元素：

$('div.elements').remove();

Answer 1

你有没有试过＆＃34; min-height＆＃34;，＆＃34; max-height＆＃34;或者＆＃34; px ＆＃34;，＆＃34; in ＆＃34;，＆＃34; em ＆＃34 ;.它应该工作！

取消时重新计算高度

1 个答案: