在HTML块级元素使用margin和padding属性不起使用往往是由于浏览器的兼容性引起的，我们只要进行一定的调整就可以解决这个问题，以下是青锋建站给大家分享的margin和padding属性不起作用解决方法。
width与margin,padding之间的宽度计算问题区别
一个600px宽的div，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下，div{width:300px;margin:0 10px 0 10px;}，div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px。
而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。
这时我们可以做如下修改
div{width:300px!important;width :340px;margin:0 10px 0 10px}
IE5和firefox都支持但IE6不支持
以上就是青锋建站给大家分享的margin和padding属性不起作用解决方法。青锋建站，提供专业的高品质网站制作服务，包括专业网站建设，SEO，网络营销，PHP开发，网站建设知名品牌，全国接单，为企业构建强有力的营销平台。
转载请注明来源网址：青锋建站-http://www.sjzphp.com/webdis/margin_padding_446.html
