html中元素高度自适应窗口高度的设置方法

网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是自适应。

元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。

元素高度自适应窗口高度的设置方法：

首先设置窗口高度样式  html,body{height:100%;}

然后设置需要自适应的元素： height:100%;