li的多余空白
这篇讲的是IE6时代一个经典的CSS布局诡异问题：当li标签内存在浮动元素时，会在列表项之间产生一条难以察觉的空白间隙。作者从实际项目中的样式失效现象切入，追溯到这是由于IE6对浮动元素与文本节点混合渲染时的盒模型解析缺陷所导致。 问题的微妙之处在于，这段空白并非由margin或padding产生，而是源于浏览器对匿名行框的特殊处理。即便在li上设置font-size:0或line-height:0也无法根除，通常需要通过为li内部容器设置zoom:1触发hasLayout，或直接消除li标签内的空白字符来规避。 对于经历过IE6兼容性战争的前端开发者而言，这类案例生动展现了早期浏览器渲染引擎的不可预测性，也提醒我们在复杂布局中，即便是最基础的HTML标签也可能因浏览器实现差异而产生意想不到的连锁反应。