CSS在不同浏览器的兼容性问题.docVIP

CSS在不同浏览器的兼容性问题 为什么会出现兼容性问题 所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，用户用什么浏览器来查看同一网站，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 浏览器兼容问题一：不同浏览器的标签默认的外边框和内边框不同 问题症状： 随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率: 100% 解决方案： css里 *{margin:0;padding:0;} 备注： 这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的css文件开头都会用通配符*来设置各个标签的内外边框是0。 浏览器兼容问题二：块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大 问题症状: 常见症状是IE6中后面的一块被顶到下一行 碰到频率： 90%（稍微复杂点的页面都会碰到，float布局最常见的浏览器兼容问题） 解决方案： 在float的标签样式控制中加入 display:inline;将其转化为行内属性 备注： 我们最常用的就是div+css布局了，而div就是一个典型的块属性标签，横向布局的时候我们通常都是用div float实现的，横向的间距设置如果用margin实现，这