私の状況は非常に混乱していて、何が起こっているのか少しも手がかりがありません。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/