css - 最小幅を下回ると、列レイアウトが行レイアウトになります

Question

次の結果を達成したいと思います: 2 つの列があり、右側の列が残りの幅を埋めています。右側の列が最小幅を下回ると、左側の列の下に移動する必要があり、左側の列が幅全体を埋める必要があります。これはcssだけで可能ですか？

これは私が得ることができる最も近いものですが、FFでは機能せず、rightcolがそれより下に落ちたときに、leftcolは明らかに100pxの最小幅を維持します。

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

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

Answer 1

あなたが探しているのは、1140 Grid システムのようなものです。

こちらを参照してください。http://cssgrid.net/

デモをダウンロードして表示 - メディア クエリを使用すると、ブラウザの幅に応じて行/列の幅を変更できます :-)