拉伸容器以适应CSS列

Question

我遇到了CSS columns属性的问题。也就是说，我似乎无法让它们周围的容器伸展到列的宽度，如下所示：http://jsfiddle.net/niaconis/43k5s/5/

看起来很像浮点数的类似问题，只有水平而不是垂直，但伪元素clearfix对此没有帮助。

如何让容器完全包裹列？

P.S。我知道XY Problem，但这仅仅是一种好奇心。我不关心从示例中实现布局。我非常关心找出容器为什么不伸展以包裹其内容物。

Answer 1

元素的绝对定位导致浏览器错误地计算使用columns属性时应该有多宽。将其移除，元素将按原样伸展。