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 に答える