布局height:100% 不生效的解决方法

在进行移动端开发过程中,想用height:100%布局,发现实际效果是随着内容撑开的，而不是理想中铺满窗口

这个其实跟浏览器计算宽高度有关，如果你不给宽度设置任何值，那么窗口内容默认就会平铺宽度。在高度方面，默认为0，这时候子元素高度设置height：100%就不起作用了。

解决方法，需要设置html,body{height:100%};父元素有了高度，就有了参照，再设置其他元素的百分比的高度就会有效