margin和padding属性不起作用的原因

margin和padding属性不起作用的原因
width与margin,padding之间的宽度计算问题区别

一个600px宽的p，margin,padding的值计算区别

ie－{width: 600px;margin:10px;padding10px;}

在Firefox中应修改为：FF{width: 560px;margin:10px;padding10px;}

　　也就是说在FF中，margin,padding的左右值也要算在width中，600-10×2-10X2=560px。在进行Div+Css重构中，IE与FF的排版结构中，最关键是第二和第四点，如果不处理好以上几个问题，那么你的你的网站在IE中浏览是那么定位精确，排版完美，一到Fire Fox中就是乱七八糟，横七树八的。最后说一句，如果你要把你的网站改为一个兼容性完美的Div+Css网站，那么你就准备大量的CSS知识，那怕你一个经验老到的高手，也要为一些兼容BUG付出比较用table排版的网站更多的时间。

IE5 和IE6的BOX解释不一致

IE5下，p{width:300px;margin:0 10px 0 10px;}，p的宽度会被解释为300px-10px(右填充)-10px(左填充)最终p的宽度为280px。

而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。

这时我们可以做如下修改

p{width:300px!important;width :340px;margin:0 10px 0 10px}

IE5和firefox都支持但IE6不支持