html和body的高度100%引发的问题_html/css_WEB-ITnose

在写reset css时，一般会有这样的代码：html,body{width:100%;height:100%};

这样会有一个问题，就是body里面div的高度常常是超过了body本身的高度。如图：

实际包含在body里面的div的高度是800px;

这里可以知道html设置height:100%，html的高度就是document的可视高，body由于设置height：100%;继承了html的高度，也是可视高。

所以为了避免这个问题，不要给body设置height：100%即可