页面的兼容性

1.body和最外层的div的宽度都是100%；的，让div里面宽度为1000的div居中显示，就要将这个div的margin设为0 auto；然后这个1000px宽的div就会居中了

2.字体默认是在div的上方显示，vertical-align:middle;对div标签不起作用，解决办法是给这个高为30px的div加样式：line-height:30px;

3.margin:0 auto;  0是指的上下，auto是指左右，当div需要和上一个div保持距离时候可以margin:20px auto;即可

4.line-height:90px;在ie7和ie8中对图片的作用，在ie7中会垂直居中，在ie8中不起作用，在上面显示，解决这个问题的话，有图片的情况下，最好不使用line-height这个属性

5.好多标签的属性都有一些默认值，容易引起样式不兼容，一般在样式表一开始就会清除一些默认值：

  body,ul,li,h1{ margin:0; padding:0;}

6.浮动的标签在浏览器中会产生关于换行的兼容，这个时候加display:inline;一般可以解决

7.父标签的position设置为relative，然后在子标签中加入position:absolute;还有：top，bottom，left，right这些标签，属性可以用百分比表示

8.一开始就给body{ background:#ffffff}加上这个颜色的属性值，有时在ie浏览器中就算图片是白色的看起来和背景色也不相同