【问题标题】:HTML section strange behavior when in Firefox [closed]在 Firefox 中 HTML 部分的奇怪行为 [关闭]
【发布时间】:2017-06-21 03:52:53
【问题描述】:

我正在我的 nucleorental.com 网站上工作,如果我使用 Chrome,一切都按预期工作,但在 Firefox 中,一个部分 (#home) 只是拧紧,我找不到代码中的错误。

我没有使用浏览器特定的前缀(我使用的是 prefixfree.js)

乍一看,引导词缀似乎有问题,但我禁用了词缀,问题仍然存在......

如果您稍微滚动页面,该部分开始显示正常。

View from Chrome

View from Firefox


解决方案

似乎我出于某种原因添加了一个 overflow:hidden 在指定的<div> 的类上。

因此,当页面刚刚加载时,导航栏徽标和导航栏链接之间只有几个水平空间。

当用户向下滚动时,导航栏会消失,这要归功于 affix 插件,因此 div 现在拥有所需的所有空间。

【问题讨论】:

  • 您能描述一下您看到的确切问题是什么吗?我们应该只扫描所有代码吗?
  • 我现在正在上传图片,但是如果您在两个浏览器中打开该网站,您就会第一眼看到问题所在
  • 但是,这不是在 SO 上发布问题的方式。您应该在此处发布您遇到问题的代码。
  • 图片和链接对于解决问题或使您的问题对未来的用户有用不是很有帮助。请分享minimal reproducible example。我们更喜欢代码。
  • 感谢您的 cmets,我真的知道这不是在 SO 上发帖的正确方式......但我真的找不到代码中的问题所在,我只是可以'看不出 HTML、CSS 或 JS 中的哪个位置可能是导致此问题的原因,为您提供代码的最佳方法是链接网站,然后在发现问题时使用相关代码编辑我的答案。

标签: javascript html css twitter-bootstrap


【解决方案1】:

从与#home 部分一起的页面类中删除溢出:隐藏。

【讨论】:

  • 哇,太快了!我真的没有看到那句话……我也不记得我是什么时候添加的!真的谢谢你!
  • 欢迎。你也可以使用 clear:both 来减少这种不确定的行为。
  • @Aleritty 如果这个答案有帮助,您可以点击复选标记接受它
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-02-16
  • 2012-11-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-01-09
相关资源
最近更新 更多