拉伸容器以适应CSS列

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

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

我怎样才能得到容器完全包装列？

P.S.我知道XY Problem，但这只是一个好奇心。我不在乎从示例中实现布局。我很在意找出为什么容器不能伸展来包装其内容。

2013-07-11 nickiaconis

你可以请** **你的**代码直接显示问题到这个问题？ – KatieK

某些浏览器在使用列时在某些情况下计算元素的合适宽度时很困难（请参阅此问题：http://stackoverflow.com/questions/16600007/horizontally-scrolling-layouts-with-flexbox-columns）。绝对的定位是在这个特定的情况下打破它的东西。 – cimmanon

@cimmanon就是这样！非常感谢。如果你把它写成答案，我会很乐意接受它=） – nickiaconis

元素的绝对位置导致浏览器错误地计算使用columns属性时应该有多宽。将它移除并且元素按照它应该伸展。

来源

2013-07-12 14:00:35 cimmanon

拉伸容器以适应CSS列

回答

相关问题