如果你看this page，你会看到3个方框（div＃threeBlockOnTop）和一个带有随机内容的长方框（div＃squeeze）。 3个方框上方和下方的蓝色间隙应具有相同的尺寸（大约30px）。但在Firefox中，3个盒子的差距更大，因为出于某种奇怪的原因，它受到下面元素的上边缘的影响。
如果你在Firebug中使用div＃squeeze的margin-top，你可以看到它如何改变上面3个方框的位置。怎么了？这是否涉及CSS的一些合法属性，可以用于良好的？
答案 0 :(得分：0)
从css中使用 tramsform3d 以获得性能
-webkit-transform:translate3d(-30px,0, 0);
-moz-transform:translate3d(-30px,0, 0);
transform:translate3d(-30px,0, 0);
这不会影响其他对象
并且不要忘记重置所有浏览器 每个浏览器都有他的重置样式和标准填充，边距，大小调整... 试试这个。
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0;
margin:0;
}
答案 1 :(得分：0)
我认为它与浏览器特定的css相关..尝试使用-webkit-padding for chrome并删除带-moz-pdding的填充为firefox ..
答案 2 :(得分：0)
<div class="clear"></div>的结束标记前有div#threeBlockOnTop。
必须在此结束标记之后。