ifireyy

在"Styling lists and creating nav bars"章节发现一个对我来说很有用的ie bug fix:li {display:inline;}作者的注释是"Removes large gaps in IE/WIN".马上试验了一下，真的解决了一个长久困扰我的问题。

以前在做一些纵向的导航菜单的时候，经常会用到一个锚（a）的hover效果，范例可以看这里

li a {display:block;background:#000;color:#FFD800;}
li a:hover,li.here a {background:#570B06;}

这里我们把锚（a）块级化以后，在IE7.0之前的版本中，锚（a）后面会有一个空白textnode，另起一行的问题，这样便把各个li的间距加大了。我以前的fix方式，就是把html结构里li前后的空格都消灭掉，做法比较烦人...

现在好了，只要li {display:inline;}就可以了，多看书还是有益的 :)