Chrome擴展程序中的CSS margin-left正在中斷

Question

我的情況非常令人困惑，我一點也不知道發生了什么。 我使用jQuery和CSS制作了一個Firefox附加組件來重新設計網站。 當我嘗試將插件遷移到Chrome時（這部分很簡單，因為我在每個SDK中使用的功能非常相似），除了主要設計元素之外，一切都有效：

我有一個position: fixed;菜單position: fixed; 對齊到頁面左側， margin-left: 150px; 在主要容器元素上。 問題是當我在Chrome中打開它時， margin完全消失了。 它在Firefox中運行良好。

然后我將所有HTML，CSS和JavaScript復制到jsFiddle中，並且保證金工作正常。 一切都完全相同，所以我無法弄清楚為什么它會在jsFiddle中起作用而不是在網站上起作用。

使用left: 150px有效，但頁面向右溢出150px，然后出現那些可怕的水平滾動條。

鏈接：

擴展文件（CRX）： https ：//docs.google.com/open ？ id = 0B3k3BjZD2YfiTWNzTlhsa0t5STg

演示網站： http ： //demo.flvs.net （用戶名：demo，密碼：demo）

jsFiddle（有些圖片不加載，但代碼相同）： http ： //jsfiddle.net/CjSXA/

Answer 1

我剛從#page_cont中刪除了margin-left並將其添加到＃content-cont。

這使得內容停止隱藏在菜單下，盡管頁腳仍被其部分覆蓋。