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

Question

你好，

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

http://jsfiddle.net/TFnsV/

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;

看看这个:http://jsfiddle.net/Zn8cU/

编辑:您可以添加:

h2{
    text-align:right;
}

更新后的例子: http://jsfiddle.net/5bgH2/