我的情况非常混乱,我一点也不知道发生了什么。我制作了一个 Firefox 插件来使用 jQuery 和 CSS 重新设计一个网站。当我尝试将插件迁移到 Chrome 时(这部分很简单,因为我在每个 SDK 中使用的功能非常相似),除了主要设计元素之一之外,一切都正常:
我有一个与position: fixed;
页面左侧对齐的菜单,margin-left: 150px;
位于主容器元素上。问题是margin
当我在 Chrome 中打开它时它完全消失了。它在 Firefox 中运行良好。
然后我将所有的 HTML、CSS 和 JavaScript 复制到一个 jsFiddle 中,并且边距工作正常。一切都完全相同,所以我不知道为什么它可以在 jsFiddle 中工作,但不能在网站上工作。
使用left: 150px
工作,但随后页面向右溢出 150 像素,并且出现了那些可怕的水平滚动条。
链接:
扩展文件 (CRX):https ://docs.google.com/open?id=0B3k3BjZD2YfiTWNzTlhsa0t5STg
演示网站:http ://demo.flvs.net (用户名:demo,密码:demo)
jsFiddle(有些图片无法加载,但代码相同):http: //jsfiddle.net/CjSXA/