page-break-inside:避免在Firefox中不能像预期的那样工作？

Question

我有一些正在编写的遗留代码，这些代码在子元素上使用column-count: 2，其break-inside / page-break-inside为avoid。

当有一个以上的子元素时，这是预期的，但当只有一个子元素时，元素在Firefox上被分成两列。在chrome上，一个元素如预期的那样包含在第一列中。

我写了一个代码来演示这个问题：https://codepen.io/anon/pen/rrbEZY比较Chrome和Firefox的不同之处，以理解我在说什么。

我能找到的关于这个的所有资源，都说火狐从火狐19开始就支持page-break-inside了。

为了在不完全重写代码库的情况下解决这个问题，我还遗漏了什么吗？

Answer 1

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