Home >Web Front-end >HTML Tutorial >html和body的高度100%引发的问题_html/css_WEB-ITnose
html和body的高度100%引发的问题_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:32:551378browse
在写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%即可
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：DIV+CSS实操五：经管系网页内容模块内容添加(二)_html/css_WEB-ITnoseNext article：使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效_html/css_WEB-ITnose