升级到 Chrome 72 后是不是有人遇到布局问题？

Posted 2023-03-06

【中文标题】升级到 Chrome 72 后是不是有人遇到布局问题？

【英文标题】：Is anyone experiencing layout issues after upgrading to Chrome 72?升级到 Chrome 72 后是否有人遇到布局问题？

【发布时间】：2019-06-24 03:23:27

【问题描述】：

在我的一些客户升级到 Chrome v72 后，他们注意到

还有其他人遇到过这种情况吗？请注意，这只发生在 v72 中，我已经测试了

【问题讨论】：

overflow-y:auto 完全停止为我工作。

jsfiddle 这是一个重现问题的jsfiddle，文本内容应该是可滚动的。

将高度设置为 0 解决了这个问题。我从未注意到这是 Edge 和 FF 中存在的问题。所以添加 height:0 为所有浏览器修复了它。

在 Chromium 问题跟踪器上已提交了一个错误。 issue。使用min-height: 0; 和flex-grow: 1; 为我解决了这个问题。

大家好，我遇到了同样的问题。嗯，上面提到的修复......它们是添加到 flex 父级还是子级？

【参考方案1】：

似乎这在 Chrome 73 中提供，由 a.xin 上面的回答证实。

对我有用的快速而肮脏的解决方法是向所有 flex 孩子添加“min-height: 0”。

【参考方案2】：

自 v72 以来，Chrome 似乎以不同的方式呈现带有溢出的弹性框。这些更改中至少有一部分是为了让 Chrome 更符合规范和其他浏览器。

详情请参阅此问题： https://bugs.chromium.org/p/chromium/issues/detail?id=927066

更新：

我们已经清楚地听到您的声音，并决定恢复 Chrome 72 中的更改以避免破坏现有网站并让开发人员有更多时间更新他们的页面。

此更改将随 Chrome 73 一起提供。因此，进行必要的更改以避免在未来版本的 Chrome 中破坏它并确保与 Firefox 的兼容性仍然很重要。

2019-02-05 22:44:28 UTC

【讨论】：

更新： We've heard you loud and clear and have decided to revert the change in Chrome 72 to avoid breaking existing sites and to allow developers a bit more time to update their pages. The change will instead ship with Chrome 73. bugs.chromium.org/p/chromium/issues/detail?id=927066#c77

我们经历了与上述线程中的某人相同的成功：溢出：隐藏在树下的几个地方为我们修复了它。