1、写两个div，在上面div有 margin-bottom 的情况下效果是这样：

    
    
         
         
     
          .top {      height: 100px;      background: #795f98;      margin-bottom: 20px;    }    .bottom {      height: 100px;      background: #7f9140;    }        
      
               
       
                
        
             
        
       
      
     
    

2、那如果只让下面的div有 margin-top 的情况下是怎样呢？

.top {  height: 100px;  background: #795f98;}.bottom {  height: 100px;  background: #7f9140;  margin-top: 20px;}

是的，效果没变。

3、再来，把刚刚的样式都写上呢，两个div会距离得更远么？

.top {  height: 100px;  background: #795f98;  margin-bottom: 20px;}.bottom {  height: 100px;  background: #7f9140;  margin-top: 20px;}

我的答案是 效果还是不变，即两个div上下间距还是20个像素，不信？自己拿尺子测量去吧~