内联块元素在FF / IE中垂直堆叠，在Chrome中是水平的？

Question

<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.left-middle的宽度非常小，只是为了看看div.right是否会回到那里，它不会。知道为什么会这样吗？谢谢！

Answer 1

尝试添加

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

这应该会使你的div并排成长并列

Answer 2

尝试添加

float: left;

你的div的风格。这将使你的div彼此相邻。