3

我的情况非常混乱,我一点也不知道发生了什么。我制作了一个 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/

4

1 回答 1

1

我刚刚从#page_cont 中删除了margin-left 并将其添加到#content-cont。

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

于 2012-10-06T01:53:21.263 回答