Question

我正在尝试在我的桌子的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。

Answer 1

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

Opera的额外空间

1 个答案: