拉伸容器以適應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列

回答

相關問題