首页 >web前端 >html教程 >html和body的高度100%引发的问题_html/css_WEB-ITnose

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

WBOY
WBOY原创
2016-06-24 11:32:551373浏览

在写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%即可

 

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn