这种情况下图片超出了body的高度，出现了纵向滚动条，而且样式名为bottom的div只是定位在第一屏的最下面，而不是定位在图片的最下面，拉动滚动条就是这样的效果？

如果想让图片100%占满一屏（你不能让下面那棵树消失哦）不出现滚动条你可能会有很多方法，我这里是这样做的

img{ position:absolute; }

我们再来看下效果

现在我们达到目的了，但是为什么会这样？

body内图片宽高100%的时候会根据自身比例进行缩放，所以高度就超出了body，就出现了纵向滚动条，给图片设置absolute的目的就是让其相对于window进行定位，这样就可以了。

也就是说一个html文档中如果没有relative，那么absolute元素是相对于window进行定位的，window我的理解就是第一屏。不然为什么绝对定位之后图片乖乖的占满第一屏呢？求讨论求指教！