Chrome扩展程序中的CSS margin-left正在中断

时间:2012-10-06 01:18:55

标签: javascript html css google-chrome-extension

我的情况非常混乱,我一点都不知道发生了什么。我使用jQuery和CSS制作了一个Firefox附加组件来重新设计网站。当我尝试将插件迁移到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/

1 个答案:

答案 0 :(得分:1)

我刚从#page_cont中删除了左边距,并将其添加到#content-cont。

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