CSS里定位慎用padding属性

虽然padding确实是一个很实用的属性，但是这是建立在正确使用的前提上的，在最初接触CSS的时候，我是很少，甚至是几乎不用该属性的，接下来，本人就该属性的一些特性，从我的经验角度出发发表下意见。

1.UL的padding属性在不同浏览器中解释是不同的，如在IE6中默认为0，但在火狐里是有默认内边距的，所以当我在写网页样式的时候我通常会在开头便写上：

ul{padding:0;list-style-type:none;}

这里也建议大家都这么写，如果要用到padding属性可另做说明。

2.在对DIV进行定位的时候尽量更多的使用margin而非padding.这是为什么呢？请看下下面例子：

.box{width:100px;height:100px;padding:10px;border:1px solid;}

同样的代码，你可能会发现在不同浏览器下解释的不同。

比如在IE6下宽度为100px,高度为100px.而在火狐下则各为110px.

这是因为前者对其的解释是：在设定的长度固定的情况下向内产生10px边距。

而后者的解释是：在设定长度固定的前提下向外产生10px的边距。

这就造成了两者显示情况不一致的情况。但这是否就意味着不能使用padding了呢？当然不是的（padding在li中的应用），我只是建议在对DIV定位的时候尽量使用margin代替padding，以提高兼容性，不过在使用margin的时候要注意双倍距离问题，如何解决IE6双倍边距问题