<!--
问题:margin垂直方向top的时候会造成塌陷
解决:让父级盒子 变成bfc
如何触发一个盒子的bfc
1.position:absolute
2.display:inline-block
3.float:left/right
4.overflow:hidden
备注:那个对盒子没有影响用那个:以上都可触发bfc
-->
*{
margin: 0px;
padding: 0px;
}
.box{
margin-left: 100px;
margin-top: 100px;
width: 200px;
height: 200px;
background: #000;
/* display:inline-block */
}
.box_qire{
margin-left: 100px;
margin-top: 50px;
width: 100px;
height: 100px;
background: red;
}
html
<div class="box">
<div class="box_qire">
</div>
</div>