【问题标题】:Strange DIV redimension on ChromeChrome上奇怪的DIV redimension
【发布时间】:2015-04-04 19:11:12
【问题描述】:

我正在开发一个新的 php 网站,但刚刚开始发生一些奇怪的事情......我有一个用于顶部导航栏的文件,所以我可以将它包含在每个页面上,它工作得很好,除了一个细节......我是创建一个注册表单,有时当我用 F5 多次刷新 Chrome 上的网站时,顶部导航栏显示“Iniciar sesión o registrar”出现在 2 行中,如果你继续刷新最终将从 2 行视图切换到 1 行视图这没有任何意义,因为你只是在刷新,没有别的。如果你用 Shift+F5 刷新,80% 的时间出现在 1 行,但有时仍会出现 2 行。

我意识到的另一件事是它只在有 FORM 标签时发生,所以如果你在主网站上它不会发生,因为那里没有表单。你可以用 F5 或Shift+F5 主网站,它总是出现在 1 行(应该这样)..

对我来说这没有任何意义,因为它加载的是同一个文件,为什么每次刷新时它几乎每次都显示不同?

这是主网站:离线链接

这就是错误发生的地方:离线链接

顺便说一句,这只发生在 Chrome 上。

谢谢

编辑:我正在使用 Windows 7 开发 Chrome 版本 38.0.2125.111 dev-m(64 位) 我知道这不仅仅是我,因为一些朋友也得到了错误

编辑 2:我将 chrome 更新到最新版本,它仍在发生

编辑 3:我确实提交了一个错误。这是 ID:455535

编辑 4:通过使用显示内联块更改类登录时的浮动来解决,仍然不知道发生了什么.. 链接现在离线

【问题讨论】:

  • 我无法重现这个。你有什么版本的 Chrome,你使用的是什么 OS + 版本?
  • 我明白了。这是因为width: 405pxstyle-navbar.css 中被注释掉了。
  • 不,这不是原因...我尝试手动设置宽度,这样它就不会出现 2 行,但它仍然在导航栏顶部出现一个小空白,即使它没有继续 2 行它仍在发生
  • 好的。我在 Linux 上使用 Chrome 41。在提交 chrome 错误之前,请更新您的 chrome 版本。在提交 Chrome 错误之前,请确保更新到最新版本。我刚刚在 Chrome 40(不是最新的)和 Windows 7 x64 上测试过,并且可以重现。

标签: php html css google-chrome web


【解决方案1】:

我猜这是 Chrome 中的一个错误。正如 cmets 中所建议的,我会提交一个错误。我怀疑它与左浮动中的左浮动有关,但可能完全错误。

要让它在您的网站上运行,请尝试替换 style-navbar.css 中的 .navbar .tools .login 类:

.navbar .tools .login {
    display: inline-block;
    margin-right: 10px; 
}

【讨论】:

  • 这实际上解决了我的问题大声笑...更改浮动:左显示:内联块;现在显示正确。谢谢!
猜你喜欢
  • 2012-06-28
  • 2021-12-20
  • 2011-05-24
  • 2018-02-22
  • 2011-10-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-04-01
相关资源
最近更新 更多