上一篇
下一篇
IE下li下面空隙问题
日期:2010-03-01作者:woniu
这个问题也经常遇到，见群里有人问，就写出来。发生情况：当li嵌套其它浮动元素时，在IE下（确切说IE6、IE7下，IE8没发现）占用的高度比实际高度搞出来大约3px，表现为li下面有3px的间隙。看下面代码：
HTML代码
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
需要说明的是，包含浮动元素才会有此bug，上面的span去掉float，运行就不会有。解决办法，让li也浮动。
HTML代码[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
需要说明的是，包含浮动元素才会有此bug，上面的span去掉float，运行就不会有。解决办法，让li也浮动。
文章来自: 
引用通告: 
Tags: 评论: 2 | 引用: 0 | 查看次数: -
回复
翅膀[2010-11-01 04:42 PM | 
]去掉span之后前面的是没有了空隙，但是跟在下面的li还是有空隙，要把a li 里的浮动也去掉才能完全没有空隙。
woniu 于 2010-11-01 04:55 PM 回复
woniu 于 2010-11-01 04:55 PM 回复是这个意思...
在项目中也遇到过这样的问题，但不知道具体的原因是什么，不知道博主是否研究过呢。 
woniu 于 回复
woniu 于 回复ie下这个间隙应该是由于给列表项加了height和宽度，触发了layout，导致li具有奇怪的边界.
发表评论