关于overflow: hidden

一、父级盒子加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下移，如图：

标签：hidden,盒子,关于,下移,overflow,div2,div1
来源： https://www.cnblogs.com/05311113-zz/p/15548254.html