Maison >interface Web >tutoriel HTML >html和body的高度100%引发的问题_html/css_WEB-ITnose
html和body的高度100%引发的问题_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:32:551377parcourir
在写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%即可
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：DIV+CSS实操五：经管系网页内容模块内容添加(二)_html/css_WEB-ITnoseArticle suivant：使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效_html/css_WEB-ITnose