css - 含まれる要素が幅が広すぎてコンテナーに収まらない場合は、要素を絞り込みます

Question

幅が 200px の固定幅の div コンテナがあるとします。含まれる要素は、幅 45 ピクセルの固定幅のインライン ブロック div です。次に、コンテナーにもう 1 つの要素を追加するとします。私が達成したいのは、含まれているすべての要素が可能な最大幅に縮小され、オーバーフローすることなくコンテナに収まることです(要素間に空白がないと仮定すると40px)。

これは純粋なCSSで可能ですか?

Answer 1

フレックスボックスモジュールを使用した純粋なCSS3で可能です。残念ながら、適切なブラウザサポートを見つけることは別の問題です。

実際の動作を確認してください（FF / Chrome / Safariを使用している場合）。