Opera的额外空间

时间:2010-06-16 12:00:20

标签: css layout opera

我正在尝试在我的桌子的td中放入一个进度条。这是代码:

<td style="width: 150px;">
        <div style="height: 16px; max-height: 16px; overflow: hidden; border: 1px solid #80C622;">
            <div style="height: 16px; width: 10%; background-color: #bbea7d;"></div>
            <div style="margin-top: -16px; text-align: center;">
                1470/14166
            </div>
        </div>
</td>

Chrome,Firefox,Safari和(!)IE正确显示,而Opera扩展了行,因此上面有一些额外的空间。

以下是它应该是这样的:http://ipicture.ru/uploads/100616/16el6B3lB1.png

以下是它在Opera中的表现:http://ipicture.ru/uploads/100616/fE4Ad63N1l.png

我该如何解决这个问题?

UPD。哦是的,我使用的是Opera 10.53。

1 个答案:

答案 0 :(得分:0)

尝试将浮点数赋予div并将宽度固定到外部div(一旦给出浮点数,这将是必需的)。这只是我的猜测。