Css 浮动跨距增加了IE中div的宽度

Hellas

我在IE8中遇到了一个样式问题。目标是在一行中有两个div，而不设置宽度（div应该用文本展开）。它在除IE之外的所有浏览器中工作。在这里，我在div中浮动的span元素将每个div拉伸到最大宽度，迫使另一个div从下一行开始。下面是JSFIDLE演示：

---

我无法在IE7中使用这种html结构（在IE8中它适合我）。 但是您可以像这样稍微更改HTML：

<div>
    <h2><span class="left">Test one two three</span>
        <span class="right">USD</span>
    </h2>
    <p>Test test test</p>
</div>

}

.左{

float:left;

}

看看这个：

编辑：您可以添加以下内容：

h2{
    text-align:right;
}

更新后的示例：

---

谢谢您的回复。不幸的是，它不起作用。USD在div内不向右浮动。例如，当我在您的jsfiddle中添加一些文本时，“USD”附加到左浮动范围。

USD

不向右浮动，但文本向左浮动，因此“右”范围向右移动。我在FF、IE7、IE8和Chrome中进行了测试。你检查的是什么版本的IE？你的陈述是正确的，也许我的描述不是很清楚，但我不仅想让右span显示在左span的右侧，右span需要向右浮动，以便将其连接到div的右侧。与后一个例子相比，我正试图在IE中实现。。。

h2{
    text-align:right;
}