本文介绍了一个在IE6/7浏览器中常见的li底部3px偏移的bug，并详细解析了触发此bug的必要条件及充要条件。文章提供了三种解决方法，包括使用clear属性、浮动属性以及vertical-align属性。
|
1
2 3 4 5 6 7 8 9 |
截图：
以下是引发此BUG的条件：
必要条件：
li的子元素设置了浮动（例如：本例中的span设置了左浮动）
充要条件：
(IE6/7)li设置了width、height、zoom 之一 （例如：本文中的li设置了width）
(仅IE7)li设置了padding-top、padding-bottom、margin-top、margin-bottom 之一
解决方案：
方案一
#list li设置clear:left|both，这时#list li不能设置width、height、zoom。
方案二
#list li设置float:left，这时#list li可以设置width、height、zoom。
#list li设置clear:left|both，这时#list li不能设置width、height、zoom。
方案三
给li中的span设置vertical-align:top|middle|bottom
扫一扫
809
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
