一个对象高度是否可以使用百分比显示，取决于对象的父级对象，#id的父级是body，而浏览器默认状态下，是没有给body一个高度属性的，因此当我们直接设置#id为height:100%;时，不会产生任何效果，而当我们给body设置了100%之后，它的子级对象#id的height:100%;便发生作用了，这便是浏览器解析规则引发的高度自适应问题。

如何设置body高度100%自适应屏幕？

只要给body的父元素html标签设置height:100%; 即可

<style>
    html,body{ width:100%; height:100%;}
</style>

此方法适合给body设置一张背景图片