一、父级盒子加overflow：hidden，防止子代盒子移动时带着父级一起动。

当div2（小）在div1（大）中：
<div id="div1">
   <div id="div2"></div>
   <span>njksabckjs</span>
</div>

两个盒子的样式如下：

#div1{
   width: 500px;
   height: 500px;
   background: lightblue;}

#div2{
   width: 100px;
   height: 100px;
   background: lightgreen;}

 

 

 

 

 

当div2下移50像素：margin-top: 50px;
div1则一同下移，如图：

若在div1中再加一条overflow：hidden；

则div1则不会随div2下移，如图：