bug的几种常见原因:
1、盒模型bug 原因:没有正确声明doctype(如果没有声明doctype,各浏览器对代码的解析有不同的规范)。解决方法:使用严格的doctype声明。
2、各浏览器对不同标签的初始值不同(如字体、字体大小、li的边框和小黑点都不一样) 解决方法:利用css初始化。
3、自身书写不规范(如IE的3像素bug,一般是由于第一个div设置浮动,后面的div没有设置导致的)解决方法:书写规范,后面的元素一般要做清理浮动。
4、双倍margin 原因:浏览器bug引起(设置了左浮动的元素,如果也设置了左margin,那么在IE下,margin值是原来的2倍;右浮动亦如此。)
解决方法:-display:inline;