在更新到Chrome 62之后，表css中发生了一些奇怪的事情

Question

我有一个display:flex容器，其中包含许多表。我正在使用flex来防止他们破坏线路。正如您所看到的，这些表彼此重叠，而在Firefox，Edge和Chrome 61及以下版本中它们正常工作。

如何制作（绘画示例）：

在调查可能是什么错误后，重叠表不考虑外表甚至是标签宽度内的div，它直接考虑div内的元素

表格 - ＆gt; tr - ＆gt; td - ＆gt; div - ＆gt;元件

问题元素标签中的图像和结构供参考：

我试过的解决方法 - 修复工作为内部元素添加了相关的宽度：

不考虑宽度为100％自动的td中的块元素div（标记为绿色）：

我也打开了ticket on Google Groups。我不知道应用CSS或Chrome 62 Bug是否是我的错误。

编辑：虽然你必须考虑到这只发生在最后两次。其他人也可能与相同的错误重叠，但其他人不太可能是Chrome 62错误。

编辑2：因此，如果我删除顶部的浮动右按钮，它再次正常工作！

编辑3：使用JSFiddle重现：https://jsfiddle.net/f3227vff/在Firefox和Edge上运行正常（工作正常）。与在表头中使用float按钮有关。

编辑4：根据Kaiido的建议，我已就此问题开了一张铬虫票：https://bugs.chromium.org/p/chromium/issues/detail?id=784680