page-break-inside：avoid无法在Firefox中正常运行？

Question

我有一些正在使用的遗留代码，它们在子元素上使用了column-count: 2的{​​{1}} / break-inside和page-break-inside的{​​{1}}。

当有多个孩子时，此方法可以正常工作，但是只有一个孩子时，该元素在Firefox上分为两列。在chrome上，一个元素按预期包含在第一列中。

我制作了一个Codepen来演示此问题：https://codepen.io/anon/pen/rrbEZY 比较Chrome和Firefox之间的差异，以了解我在说什么。

我能找到的所有资源，都说Firefox自Firefox 19起就支持avoid。

在没有完全重写我的代码库的情况下，还有其他我想解决的问题吗？

Answer 1

指定.child { overflow: hidden; }可以解决此问题，但感觉有点像骇人听闻。