<style type="text/css">
/* 第三种方法*/
.clearfix:before{
content: '';
display:table;
}
.box{
width: 200px;
height: 200px;
background-color: skyblue;
margin: 50px auto 0;
/* 第一种方法
order: 1px solid #000; */
/* 第二种方法
overflow:hidden */
}
.box_in{
width: 100px;
height: 100px;
background-color: pink;
border: 1px solid #000;
margin: 50px auto 0;
}
</style>
----------------------------------------------
<body>
<div class="box clearfix">
<div class="box_in"></div>
</div>
</body>