<ul>
<li><a href=”#”>test1</a></li>
<li><a href=”#”>test2</a></li>
</ul>
在制作列表菜单的时候,我们不得不设置a元素为display: block,这样在IE6下,就会发现LI的margin(边界)会无缘无故多出几个像素,即使设置margin为0px也无法解决,这里给出两种解决方法;
第一种:为li设置border(边框)
如:border: 1px solid #999999;
第二种:为li设置height(高度)
如:height: 28px;
以上两种方法只应付IE6 ,其实在IE7\IE8\FF2\FF3都已经没有此BUG问题出现了;
<li><a href=”#”>test1</a></li>
<li><a href=”#”>test2</a></li>
</ul>
在制作列表菜单的时候,我们不得不设置a元素为display: block,这样在IE6下,就会发现LI的margin(边界)会无缘无故多出几个像素,即使设置margin为0px也无法解决,这里给出两种解决方法;
第一种:为li设置border(边框)
如:border: 1px solid #999999;
第二种:为li设置height(高度)
如:height: 28px;
以上两种方法只应付IE6 ,其实在IE7\IE8\FF2\FF3都已经没有此BUG问题出现了;