0 
<div class="content-top" style="width: 990px">
    <div style="width: 722px; margin-right: 20px" class="left-middle"></div>
    <div style="width: 200px" class="right"></div>
</div>

div.left-middleとdiv.rightはどちらもインラインブロック要素です。Chromeでは、私が望むように、それらは水平方向に隣り合って表示されます。最新のFirefoxおよびIEのすべてのバージョンでは、div.left-middleがdiv.rightの上にあります。マージン/パディングがないため、div.right用の十分なスペースがあります。div.rightがそこに戻るかどうかを確認するために、div.left-middleの幅を信じられないほど小さくしてみましたが、そうではありません。なぜこれが起こっているのか考えていますか？ありがとう！

4

2 に答える 2

4

追加してみてください

.content-top { white-space: nowrap; }
.content-top > div { white-space: normal; }

これはあなたのdivを並べて整列させ続けるために費用がかかるはずです

于 2012-04-19T16:10:50.280 に答える
0

追加してみてください

float: left;

あなたのdivのスタイルに。これにより、divが隣り合って浮きます。

于 2012-04-19T15:54:05.480 に答える