Firefox和IE 兼容收集 盒子的padding为0 内嵌盒子的使用margin

 

Firefox和IE对“盒子”的尺寸的理解似乎不同，一个认为不包括padding，一个认为包括。所以比较妥当的做法是让盒子的padding为0。如果确实需要设置盒子的padding，就改为设置它的内嵌盒子的margin。

但是不能把所有HTML元素的padding都设为0。我一直很奇怪怎么会有这么多人喜欢在CSS的开头写

* {margin: 0; padding: 0;}

或

html {margin: 0; padding: 0;}

甚至连www.mycelly.com都没有避免这种做法。这种CSS代码直接就把ul,ol,dl这样的HTML元素彻底阉割了：没有项目符号（或序号），没有缩进，还叫什么list？blogbus的缺省模板用ul组织日志列表，我在自己的模板中坚决抵制，这个我以前已经说过了。

不过，如果确实需要用不带项目符号、不带缩进的ul，仍然要注意Firefox和IE的差异，它们一个认为列表的“缩进”是padding，一个认为是margin，所以妥当的做法是把padding和margin都置为0，这时候甚至不需要显式设置list-style属性为none。