html - 拉伸容器以适应 CSS 列

Question

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

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

如何让容器完全包裹列？

PS 我知道XY 问题，但这只是好奇。我不在乎实现示例中的布局。我确实关心找出为什么容器不拉伸以包装其内容。

Answer 1

元素的绝对定位导致浏览器在使用该columns属性时错误地计算它应该有多宽。删除它，元素会按应有的方式伸展。