我的情况非常困惑,我完全不知道发生了什么。我制作了一个 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/
最佳答案
我刚刚从#page_cont 中删除了 margin-left 并将其添加到#content-cont。
这使得内容不再隐藏在菜单下,尽管页脚仍然部分被它覆盖。
关于javascript - CSS margin-left 在 Chrome 扩展中被打破,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12755878/