html - 为什么body没有占满100%?

问题描述

问 题

解决方案

首先，遇到问题我们应该从基础出发，写一个空白页面，看看 body 的属性，你会发现 body 的 display 为 block，如下。

我们都知道，block 块会默认占满一行，但是其高度如果不明确设定，就会由其内容决定。

同理，你可以看到 html 的display 也是 block，那么这个问题就很好解决了。

html, body {

height: 100%;

}

通过这个问题，希望不仅可以给题主一个答案，也告诉题主一种解决问题的方法——从最基础的地方找问题，往往会有新的收获。

祝好！

这篇关于html - 为什么body没有占满100%?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！