如何解决不同浏览器对html解析

如何解决不同浏览器对html解析

说白了就是浏览器兼容的问题，这个跟html无关，需要在css和js方面做兼容。
一、CSS样式兼容性
1. FLOAT闭合（clearing float）
网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合，这也是div无法自适应高度的一个原因。如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV，这种情况一般出现在一个父DIV下包含多个子DIV。解决办法：
1) 给父DIV也设上float
2) 在所有子DIV后新加一个空DIV（目前Ext是这么做的），比如：
.parent{width:100px;overflow:auto}
.son1{float:left;width:20px;}
.son2{float:left;width:80px;}

:after（伪对象）,设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie 浏览器支持，所以并不影响到IE/WIN浏览器。这种的最麻烦。
4) overflow:auto
只要在父DIV的CSS中加上overflow:auto就搞定。举例：
.parent{width:100px;overflow:auto}
.son1{float:left;width:20px;}
.son2{float:left;width:80px;}

5.css中的width和padding
在IE7和FF中width宽度不包括padding，在Ie6中包括padding。
二、JavaScript兼容
1. children与childNodes
IE提供的children、childNodes和firefox下的childNodes的行为是有区别的，firefox下childNodes会把换行和空白字符都算作父节点的子节点，而IE的childNodes和children不会。比如：

id为dd的div在IE下用childNodes查看，其子节点数为1，而ff下为三，我们可以从firefox的dom查看器里面看到他的childNodes为["\n ", div, "\n"]。

浏览器可以智能解析的，你百度下w3c，是一个协议。希望可以帮到你。