javascript - CSS margin-left 在 Chrome 扩展中被打破

Question

我的情况非常困惑，我完全不知道发生了什么。我制作了一个 Firefox 插件来使用 jQuery 和 CSS 重新设计一个网站。当我尝试将插件迁移到 Chrome 时(那部分很简单，因为我在每个 SDK 中使用的功能非常相似)，除了主要设计元素之一外，一切正常:

我有一个菜单，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。

这使得内容不再隐藏在菜单下，尽管页脚仍然部分被它覆盖。