浏览器兼容问题

1.当IE浏览器的版本大于六时出现的问题，块级元素独占一行。解决方法是在CSS样式中加入display:inline将其转换为行内元素。

     

2.空格问题

<!-- [if lt ie 6]><link rel="stylesheet" type="text/css" href="css/css6.css"> <!  [endif]-->有空格

<!--[if gt ie 6]><link rel="stylesheet" type="text/css" href="css/css7s6.css"><![endif]-->没有空格

由于浏览器的问题，当有空格的时候，元素的样式不会被调用，当出现这种问题时需要把空格删除

3.有一个div，其css为float:left，然后margin-left:20px,在主流浏览器中显示没有问题，但在ie6中则会出现双倍边距，即为40px。

4.IE 6对margin的 auto 并没有正确的设置。解决方法 最简单的方法是在父元素中使用 text-align: center 属性，而在元件中使用 text-align: left 。

5.几个img标签放在一起的时候，有些浏览器会有默认的间距，加了问题*{margin:0;padding:0;}也不起作用。

6随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大

解决方案：CSS里*{margin:0;padding:0;}