div内部的div margin-top 上层div动了 本身自身没动

代码如下

<div class="父级">
<div class="子级" style="margin-top: 100px;"></div>
</div>

解决方案

<style>
.css_bug{
width: 100%;
height:1px;
display: inline-block;	
}
</style>
<div class="父级">
<div class="css_bug"></div>
<div class="子级" style="margin-top: 100px;"></div>
</div>









完美解决！



其实这个问题的还有个学名叫：【margin折叠】
margin折叠-从子元素margin-top影响父元素引出的问题


http://www.cnblogs.com/zhoudzj/p/6255647.html



CSS框模型中外边距(margin)折叠图文详解

 
 

  
  http://www.cr173.com/html/17041_1.html