常见的浏览器兼容问题
一.两倍间距：用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}