如何让div的高度自动占满剩余空间？height:100%不生效怎么办？

知识点： 当元素的高度设为百分比时，其实际高度由实际内容高度撑开，或者 由父元素继承过来。如果父元素没有设置高度，那么子元素的百分比高度是无效的。

错误写法：

body{
    
    
	height:100%; 
	//虽然body的高度为100%，但是父元素没有高度。
	//所以body的height:100%无效。
}

正确写法：

html,body{
    
    
	height:100%;