Css - 大小一浮動列與另一個高度相同

Question

通過閱讀類似問題的一些答案，我仍不清楚這是否可行。

考慮clearfix-ed容器中浮動2列的情況。 Column1的內容可以增長並確定容器的高度。 Column2的內容總是保證小於Column1，但其高度應該伸展以填充容器。

如何讓Column2伸展？

Here's the jsbin (With Column2 not stretching)

事情我不想做

• 使用JavaScript
• 位置絕對
• 使用表HTML

我可以找出一些與這些技術，但考慮到這是一個學術活動。我試圖弄清楚css是否提供了一個「正確」的解決方案，我可以將它提交給內存並完成它。我的懷疑是，答案可能在於我還沒有完全理解的以下技巧之一。

• 使用表CSS顯示類型
• 這整個Flexbox的東西出來不久
• 不管它是Twitter的引導確實

Answer 1

就像你懷疑，表CSS will work只要你不不需要支持老年人：

section { 
    width: 50%; 
    display: table-cell; 
    box-sizing: border-box; 
    border: solid grey 1px; 
} 

Flexbox也可以工作，bu請注意瀏覽器中的what's currently implemented與what the current draft says之間的顯着差異。

我還沒有在憤怒中使用Twitter引導，所以我不能評論它。