Html 无法约束DIV的高度

我一直试图限制DIV的高度，使其永远不会高于浏览器窗口，但它就是不起作用。以下是相关HTML/CSS的副本，您可以将其粘贴到文件中进行尝试：

.imageContainer1{
显示：块；
宽度：100%；
身高：100%；
}
.imageContainer2{
显示：内联块；
宽度：100%；
身高：0；
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
溢出：隐藏；
填充：75%0；
背景：url（“https://dancing.moe/frames/jpg/1.jpg）无重复；
背景大小：100%100%；
}

---

只需使用在

vh

中测量的高度即可。我还拿走了你的垫子等等

.imageContainer1{
显示：块；
宽度：100%；
身高：100%；
}
.imageContainer2{
显示：块；
宽度：100vw；
高度：100vh；
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
溢出：隐藏；
背景：url（“https://dancing.moe/frames/jpg/1.jpg）无重复；
}

---

这就是你要找的吗

该解决方案的关键是，在不裁剪图像的情况下，在完整显示图像的同时保持图像的纵横比

html，正文{
保证金：0；
}
.imageContainer1{
高度：100vh；
背景：url（“https://dancing.moe/frames/jpg/1.jpg）无重复中心；
背景尺寸：包含；
}

你的结果会是什么样子？你能描述一下这种行为吗？你的意思是希望图像在任何浏览器窗口中以100%的高度填充

高度吗？类似这样的情况。使用光标增大或缩小div高度，图像将保持100%的高度。对不起，如果我没有理解正确。为什么不使用

img

标记？请检查此项。您需要指定高度，或者使用javascript或jquery以编程方式分配高度。我认为已经有了高度，但如果没有的话，也是一样的。使用vw表示宽度。更新我的答案。