Html 地图和TW引导导航栏100%高度，无需滚动

所以我做了一些搜索，并尝试了我能找到的一切，以使这个工作，但我似乎错过了一些东西

尝试使地图在没有滚动条的情况下扩展导航栏的100%-50px

请参阅此JSFIDLE：

js: JSFIDLE的设置方式会导致出现一个滚动条，并且地图底部的一部分会被切断

---

我遗漏了什么？

这是一个有趣的例子，但我通过添加包装器元素并调整CSS获得了它，如下所示：

.content{
    position: relative;
    height: inherit;
}

#map{
    min-width:100%;
    width:100%;
    top: 50px;
    bottom: 0;
    position: absolute;
}

---

更新了JSFIDLE:

这是一个有趣的例子，但我可以通过添加包装器元素并调整CSS获得它，如下所示：

.content{
    position: relative;
    height: inherit;
}

#map{
    min-width:100%;
    width:100%;
    top: 50px;
    bottom: 0;
    position: absolute;
}

---

更新了JSFIDLE:

这是一个有趣的例子，但我可以通过添加包装器元素并调整CSS获得它，如下所示：

.content{
    position: relative;
    height: inherit;
}

#map{
    min-width:100%;
    width:100%;
    top: 50px;
    bottom: 0;
    position: absolute;
}

---

更新了JSFIDLE:

这是一个有趣的例子，但我可以通过添加包装器元素并调整CSS获得它，如下所示：

.content{
    position: relative;
    height: inherit;
}

#map{
    min-width:100%;
    width:100%;
    top: 50px;
    bottom: 0;
    position: absolute;
}

更新的JSFIDLE: