html - 如何使用谷歌地图 api 将第二行缩放到 100% 高度？

Question

我正在尝试为一个站点设置一个 2 行脚手架，第一行是固定高度的导航栏，第二行是谷歌地图 API，它占据屏幕高度的其余部分。

我有以下代码，但是当我偏移地图 div 时，它会滚动内容。有人知道如何解决这个问题吗？

CSS：

html, body {
    height: 100%;
}

.ps-map
{
top:70px;
height:100%;
width:100%;
position:fixed;
z-index:-100;
}

.ps-nav
{
top:0px;
height:50px;
width:100%;
position:fixed;
background:blue;
z-index:100;
}

HTML：

<div class="ps-map" id="ps-map-id">
</div>

  <div class="ps-nav">
  Nav
  </div>

Answer 1

.ps-map
{
    top:70px;
    height:100%;
    width:100%;
    position:fixed;
    z-index:-100;
    overflow:hidden;
}