"DIV+CSS布局的时候很多时候都会用到margin,但是由于各大浏览器对其解释不一样或者是说BUG，所以会造成差异。本人总结一下margin在FF/IE6/IE7/IE8/Google浏览器中的兼容问题。一、加倍问题这个是在IE6下存在的BUG，当你的div设置float的时候，margin会加倍。解决方案我总结了两个，当然可能还有其他的方法,知道的可以留言分享。解决方法一：是在这个div里面加上display:inline。如：＜#divid=""imfloat"">相应的css为#imfloat{float:left;margin:5px;/*IE下理解为10px*/display:inline;/*IE下再理解为5px*/}解决方法二：通过!important这样的手段hack。（这里面有3种形式）第一种：.div{background:orange;/*ff*/*background:green!important;/*ie7*/*background:blue;/*ie6*/}第二种：.div{margin:10px;/*ff*/*margin:15px;/*ie7*/_margin:15px;/*ie6*/}第三种：#div{color:#333;}/*ff*/*html#div{color:#666;}/*IE6*/*+html#div{color:#999;}/*IE7*/二、在google、IE8、Firefox中margin-top的兼容在这些浏览器中，有两个嵌套关系的div，如果外层div的父元素padding值为0，那么内层div的margin-top或者margin-bottom的值会“转移”给外层div。解决方法1.在注释那里插入一个非空的元素<divstyle=""height:0px""></div>2.把黑色的div加入padding-top属性代替margin-top其实我很多时候都是在父标签中直接加一个padding就得了。。呵呵。在布局的过程中，随时都可以遇到很多很纠结的问题，多多问百度老师就对了，多实践，总结就好。"