浏览器的兼容01

1、chrome默认字体12px，Firefox默认10px；所以要设置字体的大小，不用默认。

2、解决浏览器的兼容：1、一定要生命DOCTYPY,引用标准的DTD

                                 2、用cSS初始化代码初始化

                                      3、注意书写规范。

                                             4、浏览器bug（IE）

3、ie的几种常见bug：

             1、盒模型bug           用DOCTYPE

              2、双marginbug  ：ie中，如果让一个元素左浮动，margin-left：50px；其实际显示为100px；

                                                                      右                  right

               解决方法：在浮动元素的CSS中加上： _display:inline;（只有微软可以识别）

              3、ie无法识别      a：link

                  解决方案：不使用a：link；          a即可

              4、三像素bug：       注意浮动几个写几个

               5/    <div style="width:1px;height:1px;"></div>

                   在ie中显示出来，其不是1像素，而是大概5像素。所以在ie中特别小的元素可能会出现bug。解决办法是：加上css ：div{overflow：hidden；}

                其应用在清除浮动中：。clear{clear：both；width：0px；height：0px；                overflow：hidden；}；