IE7 列表元素小Bug的CSS处理

本文探讨了在Internet Explorer 7浏览器中,HTML列表项LI元素紧接定义列表DL元素时出现的显示异常问题。该问题导致列表项的序号丢失,通过在LI元素中使用CSS定位属性可以解决此兼容性问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在 IE7 中,遇到HTML代码 LI 元素内紧跟 DL 元素时会出现 bug: OL 和 UL 元素的第一个 LI 项不显示前导的序号。比如:
<ul>
<li><dl>li 跟 dl 引发 IE7 bug</dl></li>
<li><dl>li 跟 dl 引发 IE7 bug</dl></li>
<li><dl>li 跟 dl 引发 IE7 bug</dl></li>
</ul>
见如下截图:

 
对比以下是 Firefox 2.0 中正常的效果:



经过试验发现,只是<li><dl>这样才会引发,但只要<li>和<dl>之间有除了空格以外的其它字符就能正常,比如一些文本,或者其它元素。
但此处我就想要dl紧跟 li,可以用 CSS 来处理一下:
li {
 position:relative;
}
这样就可以了。 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值