Question

这个问题在几个方面都有问题，但我从来没有找到真正有用的方法。

我重新创建了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溢出。将min-height添加到内容div中

DEMO http://jsfiddle.net/kevinPHPkevin/fDzqm/2/

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

使用jQuery显示一个元素并没有在IE8中压低我的页脚

1 个答案: