height:100%失效

height明明设置了100% 为什么却看不到效果。很多时候在基础不是很扎实的时候，经常会遇到这样的问题，究其原因其实简单

首先你要确保

html{height:100%;}body{height:100%;}

这样的话，在加载页面时，会获取设置页面的高度为可视窗口的高度，即100%；这样去设置子层级时，才能获取达到你想要的高度值