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

WBOY
發布: 2016-06-24 11:32:55
原創
1348 人瀏覽過

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

 

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板