画面サイズが許す場合は 2 つのボックスを隣り合わせに配置し、そうでない場合はそれらを下に配置するレスポンシブ レイアウトを作成しようとしています。ボックスが互いに下にある場合は、それらを親の中央に配置したいと思います。問題を示すためにjsfiddleをセットアップしました：
http://jsfiddle.net/leongersen/KsU23/
width: 50%;
min-width: 350px;
max-width: 100%;
「結果」ペインのサイズを 350px 未満に変更してみてください。要素はその親にオーバーラップします。
私の質問：
min-width の後に指定された max-width が守られないのはなぜですか?