css - 浮动跨度增加了 IE 中 div 的宽度

Question

希腊，

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

score 0 · Accepted Answer

我无法让它在 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;
}

1 回答 1