Html 无法通过google地图覆盖完整的主体元素

我正在开发一个web应用程序，我想用谷歌地图覆盖完整的html/body元素，但找不到合适的解决方案

这是我的密码

HTML

---

我的代码中包含了normalize.css文件。请告诉我我做错了什么它使用绝对定位，而不是其他位置属性

如果在地图id上使用最小高度怎么办

body,html{
    height:100%;
    width:100%;
    margin: 0;
    }

#map {
    min-height: 100%;
    border: solid 1px;
    }

---

它可以通过在的“视口高度”格式中指定高度来工作。

---

嘿，你不需要使用定位，只要使用

#map{
    height: 100vh;
    width:100%;
}

---

可能是？的副本？您还需要从元素中删除内置的默认值

边距

和/或

填充

值。@Saurabh我已经尝试了您的css，它工作正常，请看一看

body,html{
    height:100%;
    width:100%;
    margin: 0;
    }

#map {
    min-height: 100%;
    border: solid 1px;
    }

#map{
    height: 100vh;
    width: 100%;}

#map{
    height: 100vh;
    width:100%;
}