page-break-inside:avoid 在 Firefox 中不能按预期工作？ [复制]

Question

我正在处理一些遗留代码，这些代码在子元素上使用 column-count: 2 和 break-inside / page-break-inside 或 avoid。

当有超过 1 个子元素时，这会按预期工作，但是当只有一个子元素时，元素会在 Firefox 上分成两列。在 chrome 上，一个元素按预期包含在第一列中。

我做了一个codepen来演示这个问题：https://codepen.io/anon/pen/rrbEZY 比较 Chrome 与 Firefox 的差异，以了解我在说什么。

我能找到的所有资源，比如 Firefox 自 Firefox 19 起就支持 page-break-inside。

在不完全重写我的代码库的情况下，我是否还缺少其他东西来解决这个问题？

Answer 1

指定 .child { overflow: hidden; } 可以解决这个问题，但感觉有点像 hack。