Home > Web Front-end > HTML Tutorial > html和body的高度100%引发的问题_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-24 11:32:55
Original
1376 people have browsed it

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

 

source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template