divインラインボックスの改行を制御する方法

質問

皆さん、こんにちは。ちょっと質問させてください。
HTML+CSSでWEBページを作っています。DIVタグで作ったブロックをdisplay:inline-blockでインライン化して表示させているのですが、ウィンドウを小さくするにともなってネストしたインラインボックスが改行されるとき、先に改行されるインラインボックスを強制したいのですが、方法はありますでしょうか？

ちょっと分かりにくいので図を書きました。
ブロックAとブロックBがインラインブロック化されて同じ行に配置されているとします。
更に、そのブロックB内にブロックB1とB2がネストしてインライン化されています。
ここでブラウザのウィンドウを小さくしたとき、chromeではまずブロックAとブロックBのインライン表示部分で改行されて、右下の図のようになりました。
期待しているのはそうではなくて、左下の図のように改行して欲しいのです。

これを強制する記述はありますでしょうか？
よろしくお願いします。

回答No.2

metametamu · ベストアンサー

前の回答だめな方のパターンでした・・・。
ブロックAをfloatで配置して、ブロックBにはmargin-leftを指定するとかダメですか？

回答No.1

metametamu

div{
display:inline-block !important;
white-space:nowrap;

/* IE用 */
display:inline;
zoom:1;
}

div * {
white-space:normal;
}