3

私の状況は非常に混乱していて、何が起こっているのか少しも手がかりがありません。jQueryとCSSを使用してWebサイトを再設計するFirefoxアドオンを作成しました。アドオンをChromeに移行しようとすると(各SDKで使用している機能が非常に似ているため、その部分は単純でした)、主要な設計要素の1つを除いてすべてが機能しました。

position: fixed;ページの左側とmargin-left: 150px;メインコンテナ要素に配置されたメニューがあります。問題はmargin、Chromeで開くとが完全に消えてしまうことです。Firefoxでは正常に動作します。

そこで、HTML、CSS、JavaScriptをすべてjsFiddleにコピーしたところ、マージンは問題なく機能しました。すべてが完全に同一だったので、なぜそれがjsFiddleで機能するのか、Webサイトでは機能しないのか理解できません。

使用left: 150pxは機能しますが、ページが右に150ピクセルこぼれ、恐ろしい水平スクロールバーが表示されます。

リンク:

拡張ファイル(CRX):https ://docs.google.com/open?id=0B3k3BjZD2YfiTWNzTlhsa0t5STg

デモウェブサイト:http ://demo.flvs.net (ユーザー名:デモ、パスワード:デモ)

jsFiddle(一部の画像は読み込まれませんが、コードは同じです):http: //jsfiddle.net/CjSXA/

4

1 に答える 1

1

#page_contからmargin-leftを削除し、#content-contに追加しました。

これにより、コンテンツはメニューの下に隠れなくなりましたが、フッターはまだ部分的に覆われています。

于 2012-10-06T01:53:21.263 に答える