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

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

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3107955.html

(0)
上一篇 2025年3月29日 09:51:34
下一篇 2025年3月29日 09:51:39

AD推荐 黄金广告位招租... 更多推荐

发表回复

登录后才能评论