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。

这使得内容停止隐藏在菜单下，尽管页脚仍被其部分覆盖。