有人能解释一下这个Firefox问题吗?

3
这是网站地址:http://lju-silenter.rhcloud.com。如果您在Chrome上加载该网站,然后单击黄色部分,则该部分将完全填充整个屏幕,但在Firefox中,似乎存在一些边距问题。我已经查看了Firebug,但似乎找不到导致该问题的原因。以下是两张图片,以澄清发生的情况:Chrome版本:chromeFirefox版本:firefox任何有关此问题的见解都将非常有帮助。谢谢!

1
在Stack Overflow这里,通常更喜欢代码而不是网站链接,因为一旦链接改变,问题就不再具有历史价值。访问此处以获取有关将代码格式化到您的问题中的帮助。使用jsFiddle来帮助说明您的观点也可能很有帮助。 - Cody Guldner
1
这个有趣的网页UI/UX。我有点喜欢它。 - John Riselvato
1个回答

2

通过导航到#three, 浏览器可能会滚动以将该元素带入视野中,即使您设置了 overflow:hidden。IE和Firefox似乎会这样做,而Chrome则不会。

您应该将目标元素的ID更改为类似于id="box-three"的名称,然后确保您相应地调整选择器以添加该前缀。


哇!谢谢。唯一的问题是,如果我想要做任何类似 #three:target { code... } 的 CSS,当 #three 被激活时会出现问题。有没有办法让 Chrome 和 IE 不自动滚动呢? - elju

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接