Jquery 当IE中的另一个DIV向下滑动时，DIV未按下

我的页面结构如下所示：

<header>
<div class="slide">
   <!---- some elements here --->
</div>
<nav>
    <ul>
        <li id="open"></li>
        <! --- other parts of the navigation ---->
    </ul>
</nav>
  </header>
   <div class="content">
     <!---- My content goes here ---->
  </div>
<footer>
  <!--- my footer elements --->
</footer>

JQuery：

$("#open").click(function(){
            $(".slide").slideToggle(300);
            return false;
       });

一些建议：

• 您可以尝试使用CSS3转换而不是jQuery动画
• 您可以在css中为类幻灯片设置一个负的

  页边距顶部，而不是
  slideToggle（）
  ，然后使用jQuery动画使用
  $（'.slide'）设置
  页边距顶部：0
  。动画（{marginTop:0}）

• 最后，如果有帮助，您只能为Internet Explorer运行代码。看一看

---

这是因为收割台的高度，它被设置为400px。 我把它改成100%。而现在IE表现得很好！：）
CSS:

---

你能展示你的

标题和
幻灯片吗？如果你对你的代码进行修改会更好我更新了我的问题。不幸的是，我现在没有时间拉小提琴。根据给定的信息，它应该能用。。尝试设置
位置：相对于头部我尝试过，没有改变！这不是答案，因为OP只是在IEI中寻求解决方案。我不明白，我建议了一些在IE中可能更有效的不同方法，还有一种方法，您可以选择IE并手动解决问题
$("#open").click(function(){
            $(".slide").slideToggle(300);
            return false;
       });

header{height:100%; width:100%;}