可変幅でブラウザ縮小表示によるカラム落ちを防ぐ方法

質問

お世話になります

以下のように可変幅のdiv要素にボックスA,B,Cをfloat:left、Dをfloat:rightしたナビゲーションがあるのですが、可変幅でブラウザ縮小表示によるカラム落ちを防ぐにはどのようにすればよいのでしょうか？固定幅であればボックスを内包する親要素に固定幅を設定すれば済む話だと思いますが。よろしくお願いします。

+--------------------+
[A][B][C]----------[D]
+--------------------+

回答No.1

freakale · ベストアンサー

div要素に
min-width: 最小幅指定;
でどうでしょうか？
指定しない限りウインドウサイズを極端に狭くした場合、どうしてもカラム落ちしてしまうと思います。

お礼

なるほど、いけました！ＩＥ６等のブラウザの場合もう少し工夫する必要があるみたいですが、これを元に調べてみます！ありがとうございます！

回答No.2

freakale

no.1です
念のため補足です。

A+B+C+D+（margin、paddingが含むなら）の合計幅を最小幅指定

お礼

補足有難う御座います。気をつけて指定します。