本文背景

本文来源于答题小程序的优化过程，在答题活动小程序中，背景图是一个素材图片，页面的高度和宽度分别取的系统的windowHeight、windowWIdth

但是小程序始终存在上下滑动条，而不是100%占据窗口高度

本文内容

要解决这个问题，我调试了下，最终发现我在外层容器定义了一个padding-top，这样就导致了，容器高度=windowHeight+paddingTop值，所以造成了上下滑动条的产生。

参考资料

https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing

http://zh.learnlayout.com/box-sizing.html

本文总结

本文由一个样式问题，通过定位，分析出最终造成样式问题的根源