1 IE6/IE7对display：inline-block有时不支持

比如做导航栏时通常会用到<ul><li>标签去写，在现在一些主流的浏览器中，我用display：inline-block把<li>设置成横排就没有问题都可以显示，可是在IE6和IE7就变成垂直了。

这是css代码和html代码：

火狐浏览器显示正常，IE6/7浏览器显示异常

解决方案：加上 *display：inline 就可以了；

2 IE6/7显示垂直滚动条

有时候我们页面就几句话的内容，也会出现滚动条。

解决方法：设置html的overflow属性为auto，html{overflow:auto;};

3 居中布局

如果我们想把一个div元素设置居中一般我们都会设置margin：0 auto；，但是在IE6下面显示的效果总是不对。

解决方案：在父级元素里设置text-align：conter；在这个div里设置text-align：left；

4 居中布局： z-index失效

原因：z-index起作用有个小小前提，就是元素的position属性要 是relative，absolute或是fixed。
解决方案：
1.position:relative改为position:absolute；
2.去除浮动；
3.浮动元素添加position属性（如relative，absolute等）

5  min-height本身就是一个不兼容的CSS属性，所以设置min-height时不能很好的被各个浏览器兼容
解决方案：如果我们想要设置一个标签的最小高度200px，需要进行的设置为：{min-height:200px; height:auto !important; 
height:200px; overflow:visible;}

6 在写代码时随便写几个标签，如果不加样式，各自的margin 和padding差异较大。
解决方案：在CSS里 添加 *{margin:0;padding:0;}