margin 塌陷 父元素div跟着子元素div的margin-top的数值移动，无法调节垂直位置

<div class="div1">

　　<div class="2"></div>

</div>

<style>

　　.div1{width:300px;height:200px;overfloat：hidden}

　　.div2{width:100px;height:100px;margin:0 auto;margin-top:10px;                       //此时的父元素会随着div2的maigin-top的值上下运动，这是给父元素加一个overfloat：hidden就可以了

　　　　}

</style>