css解决子元素设置margin属性，父元素也跟随移动的问题

需求描述：

我们在给一个元素添加margin-top的属性时，会发现其父元素也跟着向下移动了，这不是我们想要的效果。我们期待的效果是这个元素相对于父元素向下走一定距离，而父元素保持不动。

css实现：

其实遇到这种情况就只需要给该子元素添加浮动属性就能解决。
代码：float: left;

完整代码：

.box{
	margin-top: 20px;
	float: left;
}