hack： 
父元素的盒子包含一个子元素盒子，给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值，而子元素和父元素的边距则没有发生变化。 
 
html代码： 

代码如下:


<div class="box1"> 
<div class="box2"></div> 
</div> 


css样式： 

代码如下:


.box1{height:200px;width:200px;background:gray;} 
.box2{height:100px;width:100px;background:gold;margin-top:50px;} 



本人测试后的解决方法： 
1、修改父元素的高度，增加padding-top样式模拟（padding-top：1px；常用）

2、为父元素或者子元素声明浮动（float：left；可用） 
3、为父元素添加border（border:1px solid transparent可用） 
4、为父元素或者子元素声明绝对定位  

本文转自    风雨萧条 博客，原文链接：     http://blog.51cto.com/1095221645/1766000   如需转载请自行联系原作者