當col佈局降至最小寬度以下時，它會變爲行佈局

Question

我想實現下一個結果： 我有兩列，其中正確的填充剩餘寬度。 一旦正確的一個下降到最小寬度以下，它必須走到左邊的柱子下面，左邊的柱子應該填滿整個寬度。 這可能只使用CSS？

這是我可以得到的最接近的，但它在FF中不起作用，而leftcol明顯地保持其最小寬度爲100px時，rightcol降到它下面。

#leftcol{ 
    background-color: blue; 
    width: 20%; 
    min-width: 100px; 
    float: left; 
} 

#rightcol{ 
    background-color: yellow; 
    min-width: 200px; 
    overflow:hidden; 
} 

Answer 1

你在找什麼就像1140網格系統。

請看這裏; http://cssgrid.net/

下載和觀看演示 ​​- 通過媒體查詢您可以根據瀏覽器是如何廣泛:-)