html - IE6 文本在 dl 标签中丢失

Question

我正在 Internet Explorer 6 中测试一个网站，我对这个问题感到困惑。

我在页面上有一个数据列表，显示要支付的金额 - 就在这里。

<dl>    
   <dt>Amount to pay:</dt>
   <dd class="note">
        <span id="total">£39.99</span> (includes delivery)
   </dd>
</dl>

CSS 规则是这样布局的:

Amount to pay: £39.99 (includes delivery)

这个 css 使之成为可能

dt { float: left; width: 11em }
dd { margin-left: 15em }

但奇怪的是，“支付金额”文本在 IE6 中消失了。如果我通过执行“搜索此页面”来搜索它，它确实找到了文本，只是根本不可见。

欢迎任何建议、评论或侮辱。

Answer 1

我相信这是 IE6 中的躲猫猫错误。只需添加 position:relative; zoom:1; 到你的 dt，它应该可以解决问题。