jquery - div推送内容

Question

这个jquery示例完全符合我的要求：

http://jsfiddle.net/yGZHC/5/

在我的实现中，我的jquery工作正常，我的浮动框工作正常，但我的所有内容都被浮动框（div）推下：

http://zerogravpro.com/DEI/

首先，请注意菜单和所有内容是如何从顶部推下来的。现在点击菜单最右侧的黑色小白色购物车图标。注意浮动的盒子。一切都很好，但为什么它会推动我的内容，当在上面的jsfiddle示例中它不会推动内容？好像我已经实现了所有相同的样式和jquery。我怀疑存在碰撞风格，并且希望能够帮助理解我需要调整哪种风格来实现这一功能。感谢。

这是我的div正在推动内容：

<div id="slidenav">
<div id="innerCart" class="ui-widget-content ui-corner-all">
<h3 class="ui-widget-header ui-corner-all">Show</h3>
<p>
  Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
</p>
</div>
</div>

Answer 1

那是因为您的#slidenav position: relative将其更改为absolute，您应该没问题。如果你把它相对。将放置空间并且它将相对于该位置移动。