gpt4 book ai didi

html - 高度为100%的div超出页面可见区域

转载 作者:太空宇宙 更新时间:2023-11-04 15:53:50 25 4
gpt4 key购买 nike

这似乎是一个非常基本的概念,但我不明白为什么当我将 div 的高度设置为 100% 时它会超出页面的可见区域。我的页面是这样的:

<!DOCTYPE html>
<html lang="en-US" style="height: 100%;">
<head></head>

<body style="height: 100%;">
<div style="height: 100%; background-color: red">&nbsp;</div>
</body>

</html>

当我在浏览器中打开它时,浏览器向页面添加了一个垂直滚动条,我的 div 超出了底部:

enter image description here

如果我向下滚动一点,我会看到 div 的底部:

enter image description here

但是为什么我的100%高度的div会超出页面底部呢?

最佳答案

那是因为在 SO 上使用代码片段时 body 上有一个默认的边距。我不知道你的问题是否只与代码片段有关,但一般来说,你可能在某些元素周围有一些 margin (或 padding 或类似的),这插入了div 向下。

body {
margin: 0;
}
<!DOCTYPE html>
<html lang="en-US" style="height: 100%;">

<head></head>

<body style="height: 100%;">
<div style="height: 100%; background-color: red">&nbsp;</div>
</body>

</html>

关于html - 高度为100%的div超出页面可见区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47657240/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com