我需要从网页创建PDF，我正在使用PhantomJS来实现这一目标。它使用无头Chromium浏览器呈现页面并将其栅格化为PDF。 Chromium浏览器有关于CSS3列打印的bug，所以我写了一个Javascript来模仿行为（使用浮点数）。
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
我想知道是否有人知道CSS3属性如何计算列的高度。当我在父元素上设置高度时，它会尊重该高度并溢出不适合其他列的内容。
在我的项目中，元素的高度可能是未知的，所以我需要一种方法来确定每列的高度。目前我使用原始非圆柱内容的高度作为最大值但不包括所有情况。
在这个fiddle我演示了CSS3行为，绿色容器有一个最大高度，灰色容器没有。如何计算灰色容器中列的高度？