Html div元素高度不是100%

Html div元素高度不是100%,html,css,height,Html,Css,Height,我已经将body和html设置为height:100%,将元素设置为height:100%,div只包含在html和body中,其他地方没有。 然而,当显示元素时,它是浏览器窗口高度的100%,而不是可滚动的站点高度。我相信答案很简单,但我想不出这样的原因:/您将身体高度设置为屏幕高度的100%,这就是为什么它不会滚动 100%的内部元素将继承100%的屏幕大小 尝试删除主体的高度,并使用px作为元素,直到您在网站上开发更多内容。如果您仍在寻找(或者更可能的是,有人通过谷歌发现了这一点),我实现

我已经将body和html设置为height:100%,将元素设置为height:100%,div只包含在html和body中,其他地方没有。
然而,当显示元素时,它是浏览器窗口高度的100%,而不是可滚动的站点高度。我相信答案很简单,但我想不出这样的原因:/

您将身体高度设置为屏幕高度的100%,这就是为什么它不会滚动

100%的内部元素将继承100%的屏幕大小

尝试删除主体的高度,并使用px作为元素,直到您在网站上开发更多内容。

如果您仍在寻找(或者更可能的是,有人通过谷歌发现了这一点),我实现了我认为您所追求的目标:

它是一个自包含的文件,即所有CSS都有标记,因此您应该能够看到发生了什么

全文如下:


基本上,它是一种布局,页脚停留在窗口的底部(由于100%div),直到内容超过窗口,在这种情况下,页脚与内容一起滚动

请再次阅读您的问题,看看您是否能理解您所说的内容。当您将
body
html
高度设置为100%时,您将它们设置为浏览器可见部分的高度。您可以尝试在元素上设置
min height
。你为什么需要
div
作为网页的全高?你的问题不够清楚。虽然答案仍然含糊不清,但它是正确的,看到OP对含糊不清+1并不陌生