~~~
<style>
.parent{
width:400px;
height: 300px;
background: khaki;
}
.child{
margin-top:100px;
width: 100px;
height: 100px;
background: lawngreen;
}
/* :before某个元素里面的最前面 */
.parent::before{
content: "";
display: table;
}
</style>
~~~
> 子元素作为父元素的第一个元素，给它margin-top没用，它的父元素变动 伪元素是在某个元素里面的最前面或者最后面
~~~
<body>
<div class="parent">
<div class="child"></div>
</div>
</body>
~~~
