CSS网页制作技巧:IE浏览器下li的默认高度问题

2013-11-22 22:13:41  来源:网页教学网 

网页制作Webjx文章简介:CSS网页制作技巧:IE浏览器下li的默认高度问题。

昨天,在家打开IE7浏览器看“视频导航网”的时候,发现居然有排版错误。

null

用F12开发者工具看了下,发现 li 的默认高度既然不统一?

null

用工具看了下,发现火狐高度解析统一为33px,而IE7解析高度根据字的不一样,默认解析的高度为30px,纯数字的解析高度为31px;中英文组合的解析高度为32px;

null

解决方法一:给LI设置高度后,IE7正常了,但IE6问题依然存在。原来,LI里面还嵌套着A标签,给A也设置一个高度后问题解决。:)

解决方法二:设置字体为宋体(font-family:simsun;)[推荐此解决方法]

更多