当前位置: 懒人建站 > JS代码 > 网页特效 >

修复IE浏览器li间出现间距BUG

有时候在IE浏览器下li元素莫名其妙的出现一个间距,很是恼人,下面我们来分析这个bug出现的原因和解决方案。 修复IE浏览器li间出现间距BUG, bug原因:当li元素设置了高度,且li内元素
相关代码
分享到:

代码说明:

有时候在IE浏览器下li元素莫名其妙的出现一个间距,很是恼人,下面我们来分析这个bug出现的原因和解决方案。

修复IE浏览器li间出现间距BUG,

bug原因:当li元素设置了高度,且li内元素浮动时会触发该bug。

解决方法:li设置css vertical-align: bottom  如:#ul2 li{vertical-align: bottom;}

这个bug只是ie浏览器中出现,火狐中没有这种现象。

你可以在ie6、ie7浏览器中观察上面的演示文件,演示文件中的 第一个 ul 是没有修复的。

来源:未知|发布人:懒人建站|2010-08-27|热度:|收 藏|报 错


相关代码

懒人建站

登 录| 注 册