浏览器兼容性问题

1.不同浏览器的标签默认的外补丁和内补丁不同。随意写几个标签，在不同样式控制的前提下，运行出来的margin,padding差别很大。解决方案：css里添加*。这个问题本身是我们在这类问题中最常见的一个问题，因此几乎所有的网页css文件开头都需要使用通配符*来对标签的内外补丁统一为0.
2.几个img标签放在一起的时候，个别浏览器中会出现图标之间有默认边距的问题，而且加上上文提到的通配符也不起作用。解决方案：使用float属性浮动流来对img进行布局。
注意：因为img标签属于是行内标签，因此在不超出容器本身宽度的情况下，img标签通常是排在第一行的，但在少部分浏览器中的img标签之间会存在间距。此时使用float浮动流是最方便简单的方法。
3.标签最低高度设置min-height不兼容问题
问题症状：min-height本身就是一个不兼容css的属性，因此在设置min-height属性的网页就不能很好的被各浏览器兼容。
解决方案：在float的标签样式控制中加入如下属性：display:inline;将其转化为行内属性。
问题五：设置较小高度的标签，在ie6\7中显示出来的高度超出设置值
问题症状：在ie6\7中，这个标签的高度不受样式css等控制。
解决方案：给超出高度的标签设置overflow:hidden；或者设置行高line:height小于你设置的高度。