jquery - 使用 jQuery 显示元素不会在 IE8 中将我的页脚向下推

Question

这个问题已经以多种方式提出，但我从未找到真正有效的方法。

我重新创建了一个 FIDDLE这解释了我的问题。如果您按下按钮，则会显示一个隐藏的元素，但它不会压下页脚。相反，它显示在页脚下方和下方。如何解决？

我的 fiddle 在 Chromium 中也不起作用。

HTML

<div class="wrapper">
  <div class="content">
    <div class="text">
      Blablablabla
        <div class="button">
          click me
        </div>
    </div>
    <div class="text2">
      YADAYDAYDAYDAYDAYDAYDAYDA
    </div>
  </div>
</div>
<div class="footer">
</div>

jQuery

$('.text2').hide();

$('.button').on('click', function() {
    $('.text2').toggle();
});

Answer 1

这是因为您的内容设置了高度，文本 div 溢出了。改为向内容 div 添加 min-height

演示 http://jsfiddle.net/kevinPHPkevin/fDzqm/2/

.content {
    background:red;
    width:500px;
    min-height:200px;  <= this had been added
    margin:0 auto;
}