枝上又闻啼

li标签作为ul标签的“子标签”（不知道能不能这么说），每次使用的都是<ul><li>。也许是因为尖括号的原因使得这两个原本“首尾相连“的标签终于还是产生了默认的距离。

这个也许在平常不显现出来，当li具备的float:left属性时你会发现第一个li标签内的内容距离ul标签的最左边还有一段的距离，如果ul没有设置padding-left:0px;的话效果如下图所示：

不论你使用哪种文档类型的解析方式，HTML4.01Transitional、HTML4.01Strict、XHTML1.0 Transitional、XHTML1.0 Strict。这个距离都不会被取消。

然后的确有一个方法可以默认取消这一个“天涯海角”的距离。测试浏览器包括IE8、Opera、Chrome、Firefox这几个主流的浏览器。结果是只有IE8会在程序编写是选择文档解析方式时怜惜这对牛郎织女，利用“地方保护”将它们较好的结合在一起。如图所示：

这个也许就是IE8的一个bug吧，这也是我由于水平不够，偶然间才，发现了，终于中了一个晚上才解决了这个“美好的问题”，顺从主流思想将这对恋人拆散~~~~~

想要取消这个效果，让“首页”到最左边来添加一句 ul{padding-left:0px;}即可。

呵呵，欢迎指正~~~~~~