当li的子元素中有浮动（float）时，IE6/IE7中<li>元素的下面会产生4px空隙的bug。 XHTML     <ul class="list"><li><div>vapour</div></li><li><div>百度</div></li><li><div>淘宝</div></li><li><div>迅雷</div></li></ul>   经过测试发现：li的子元素浮

问题：在本地项目中使用【display: inline-block】，元素间存在4px间隔。打包后发布到外网又不存在这个问题了。 归根结底这是一个西文排版的问题，英文有空格作为词分界，而中文则没有。 此时的元素具有文本属性，只要标签与标签之间有间隔【换行符|空格|间隙】都会被当作以一个字体大小的空格，就会出现4px的间隙。而且在垂直方向上，文本的基线不同也会造成错位。 使用【disp