这个问题发生的原因是根据规范，一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。
通俗点说：
父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己父元素，祖先元素进行垂直外边距合并。只要给父元素（或祖先元素）设置个有效的 border或者padding就可以有效的管制子元素的margin防止它越级。
解决方法：
给父元素加个padding或border或overflow:hidden
没错是没错 不过你的 CSS 怎么在 <body>标签里呢 大哥你这样设置 如果图片不够显示器分辨率大的话会填充 #FFF 做补充
图片会跟随内容滚动 也就是 你的图片会一直显示在窗口上
