飞龙博客

feilong.org 前端开发教程

IE浏览器li下子元素浮动导致li出现间距BUG解决方法

飞龙修订于 20130502 01:59 6 次浏览

当li下子元素浮动,li元素设置了高度,也清除了浮动,但是IE6和ie7下,这个li与li之间会出现2px的下间距。本日志解决方法更新网址:http://feilong.org/ie-li-subfloat-height-bug 加入收藏夹,查看更方便。


  • 飞龙博客文章标题 2014-05-02
  • 飞龙博客文章标题 2014-05-02
  • 飞龙博客文章标题 2014-05-02

火狐和ie9下li的高度都是20px,正常,但是在ie6/ie7/ie8下,飞龙发现li之间多了个类似下边距效果的2px间距。

解决方法有2种,为li设置专为ie修补的css声明

vertical-align:bottom;/*ie6 ie7 or float:left;clear:both;*/

当然还有其他方法,比如 用 ie 条件注释法,在 ie.css 或ie6.css之类文件里,把li高度和行高设为18px

网址:https://feilong.org/ie-li-subfloat-height-bug
初发:20130502 01:59

想学前端?长按二维码加我微信

想学前端?点击飞龙QQ

分类: 网站开发

新作:

旧文:

关闭

长按二维码 -> 识别图中二维码

打开微信,发现,扫一扫

支付完成后,点击下一步

感谢大力支持

然后你手机号:

最后点这,稍等即可