Question

海拉斯，

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

Answer 1

我无法在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>

和css：

.right{
  width: 20px;

}

。左{

float:left;

}

编辑：您可以添加：

h2{
    text-align:right;
}