当前位置: 代码迷 >> Web前端 >> li在IE中底部三像素的BUG
  详细解决方案

li在IE中底部三像素的BUG

热度:149   发布时间:2012-11-23 00:03:43.0
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;......}
  相关解决方案