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="1px;height:1px;"></div>
在ie中显示出来，其不是1像素，而是大概5像素。所以在ie中特别小的元素可能会出现bug。解决办法是：加上css ：div{overflow：hidden；}
其应用在清除浮动中：。clear{clear：both；width：0px；height：0px； overflow：hidden；}；