常见的浏览器兼容问题

一.两倍间距：用display: inline; 解决

二.无法显示微型高度（不能设置小的高度）

Ie9显示

Ie6显示

解决方法1：用font-size: 0;

解决方法2：用overflow: hidden （这个方法最佳）

三.跨出边界（父元件中使用了 overflow 的 auto 属性，并且在其里放入相关元件。你会看来里面的元件会跨出来）

Ie6显示

Ie9显示

解决方法：设置 position: relative;属性

四：在list项目门的空行

Ie6显示

Ie9显示

解决方法1：height: 20px;

解决方法2：clear: left;

解决方法3：li 加上display:inline

五：IE6/IE7对display:inline-block的支持欠缺

Ie显示

解决方法：

六：楼梯式的效果

Ie显示

解决方法1：ul li {float: left}

解决方法2：ul li {display: inline}