我的情况非常混乱,我一点都不知道发生了什么。我使用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/
答案 0 :(得分:1)
我刚从#page_cont中删除了左边距,并将其添加到#content-cont。
这使得内容停止隐藏在菜单下,尽管页脚仍被其部分覆盖。