子元素 设置margin 会影响父级元素的位置

原因是：

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

解决办法有 给父盒子加内边距，边框的，最简单的就是 设置溢出隐藏： overflow：hidden。