如何解决HTML在各种浏览器的兼容性？

方法/步骤

不同浏览器对HTML标记所具有的内外边距属性具有不同的定义。

因此如果想消除这种差距，应该在相应的CSS部分加入以下CSS代码：

*{margin:0pxpadding:0px}

借于此，所有标记的内外边距被统一起来。

优先级问题：

对于同一标记属性所给定的值，有不同的优先级。其中优先级最高的是内联代码，其实是页内CSS，接下来是浏览器默认设置，最后才是外部CSS所做的限制。

Margin不一致的问题：

当有多张图片需要排在一行时，我们通常使用“Float：Left”来实现，这样一来，浏览器就存在兼容性问题。导致图片与后面的内容存在margin不一致的问题。对此一种解决方法就是给图片添加“Display：inline”项即可。

DIV居中问题：

通常我们会利用“vertical-align:middle”来实现，这对于搜狗浏览器来说，是正常的，但是对于IE浏览器来说，却并没有效果。对此，一种较好的解决方法是：将文字的行高设置与DIV一样时即可解决问题。

内外边框合并问题。通常情况下，对于两个相关DIV块，相邻时采用外边距合并原则，其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距。包含的两个DIV之间的间距也遵行同样的规则。

掌握了这一规则，在利用DIV块进行布局时我们就可以做的更加得心应手。

按照W3C标准来布局就可以达到各浏览器的兼容效果，不只是IE了。

各浏览器的解析标准不同而导致的，同样的页面展示在不同浏览器里时，展示效果也不同，为达到同样的效果，需要对浏览器的解析进行重置，也就是初始化。

初始化一般是CSS对页面标签的重置设置，通过把一些默认有标签样式重置为一致后，在各浏览器下也就很容易达到相同的展示效果了。

理论上来说，我们需要做的是渐性增强处理，而不是降级内核处理。相对来说，IE9的解析比IE8以下处理的解析增强了不少。

---