读书人

li在IE中底部三像素的BUG

发布时间: 2012-11-23 00:03:43 作者: rapoo

li在IE中底部3像素的BUG
IE浏览器,在li标签内,如果a标签是块元素就是使li标签产生多余的像素,以前遇到事是a标签浮动的情况才会产生这个bug,这次不一样,a标签是块元素的情况下,若后面有个绝对定位的div,也会产生多余的像素。可能两个bug是一样的吧,还好找到了解决的方法:
方法一:
li加上浮动

li {float:left;......}  

方法二:
1.li {display:inline-block;......}   2.li {display:inline;}   3./*或*/  4.li {display:inline; zoom:1;......} 

方法三:
li {vertical-align:bottombottom;......}

读书人网 >Web前端

热点推荐