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

div.left-middle和div.right都是内联块元素。在Chrome中，它们水平排列，就像我希望的那样。在最新的Firefox和所有IE版本中，div.left-middle位于div.right之上。没有边距/填充，因此有足够的空间放置div.right。我试着让div.left-middle的宽度非常小，只是想看看div.right是否会回到上面，它不会。知道为什么会这样吗？谢谢

尝试添加

<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彼此相邻浮动。

尝试添加

<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彼此相邻浮动。

尝试添加

float: left;

这需要训练你的div并排对齐

尝试添加

float: left;

---

这需要训练你的div并排对齐

我最初让它们浮动，但我需要由内容设置高度，所以浮动不起作用。我最初让它们浮动，但我需要由内容设置高度，所以浮动不起作用。鉴于你没有在内嵌CSS中显示

display

属性，你能给我们看看你使用的CSS吗？还有一个我们可以使用的？鉴于您尚未在内嵌CSS中显示

display

属性，请您向我们显示您正在使用的CSS好吗？还有一个我们可以合作的？工作得很好。我本来把空白：nowrap放在了内容顶上，它把文本搞砸了，没想到在孩子的div上有空白。谢谢工作得很好。我本来把空白：nowrap放在了内容顶上，它把文本搞砸了，没想到在孩子的div上有空白。谢谢