Html 某些垂直堆叠的div将不可见

我正在用HTML/CSS构建一种具有以下结构的地图网格：

#地图{
位置：绝对位置；
top:2vw；
底部：2vw；
左：2vw；
右：2vw；
溢出：可见；
背景：蓝色；
}
.地图行{
宽度：100%；
背景：白色；
}
.map行拆分{
}

---

只需将

html

和

body

的高度设置为

100%

从评论中回答即可

---

将

min height:1px

设置为

。映射行分割

，因为将高度设置为像素分数可能会导致浏览器端出现一些视觉不一致/问题。

您能用代码创建这样的代码片段吗？@Justinas抱歉，但我该怎么做？我在任何地方都看不到该选项。它是编辑器仪表板中图像旁边的图标，在ITA上有

，因为您可以看到包装器div绝对定位并随屏幕大小调整大小。请尝试将

最小高度：1px

设置为您的

。映射行拆分

。您的示例具有

0.38331px

高度，当浏览器呈现此元素时，可能会导致

0px

高度，这与实际情况有什么关系？已经有一个包装器div（参见代码片段）。好吧，那是在您将它们添加到div中之前。不过，我还是要给您一个解释。您使用了%来设置高度，这实际上取决于父对象的高度。html的高度和正文与其中的内容一样大。因此，您需要将html和正文的高度设置为文档的100%。当您设置背景图像时，您可能会遇到这种情况，也可能不会遇到这种情况，即使您设置了“不重复”，图像仍然会在文档底部的某个位置出现混乱。