浏览器兼容

1、IE6下浮动时margin双倍边距

解决方法：在对应的样式中加上display:inline

2、 楼梯式的效果 

解决方法：在ul li 添加 float:left

或者在ul li 添加 display: inline 

3、IE6、IE7对display:inline-block的支持欠缺

解决方法：添加一行：*display：inline；

4、IE忽略了min-height

解决方法：添加 height:auto!important;

5、跨出边界

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

6、居中布局

在父元素中使用 text-align: center 属性，而在元件中使用 text-align: left 。