当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/

下载和观看演示 ​​- 通过媒体查询您可以根据浏览器是如何广泛:-)