学习日记--子div设置margin-top 父div也跟着向下移动

参考地址：https://blog.csdn.net/PigBiBiX/article/details/65934959

问题描述：子div设置margin-top的时候，父的div也会跟着向下移动。

原因：一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。

解决办法：
1.父类添加 border-top
2.父类添加 padding-top （最后还是选方法二，因为添加border以后不好管理，也不直观。）