日期:2013-10-05  浏览次数:21186 次

 今天看了一个网页中有一个列表在IE中与在FF中的表现不太正确,哪一个是正确的,不是太清楚,后来才明白是IE的问题,FF表现是正确的。我写了一个简略版本的如下:


分析:IE中列表的常见问题出如今当某个 li 中的内容是一个 display: block 的锚点(anchor)时。在这种情况下,列表元素之间的空格将不会被忽略而且通常会显示成额外的一行夹在每个 li 之间。一种避免这种竖直方向多余空白的处理方法是赋予这些锚点 layout。这样还有一个好处就是可以让整个锚点的矩形区域都可以呼应鼠标点击。可参见:http://www.purecss.cn/static/1121/layout.htm#18
修正的代码:


总结:从以上看,可以遇到这种LI内有块元素时,我们可以把高度的款式放在块元素里,而不要在LI中直接定义它的款式了。