0

这个 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>
4

1 回答 1

2

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

于 2013-01-19T21:20:00.920 回答