flex:1 上下布局的注意点 , 如何防止地图组件不断往下拖动

地图的上下布局：注意不能使用flex:1的上下布局用在地图组件中

计算高度必须留有空格：

代码：

 <div id="container" style="height: calc(100vh - 60px);"></div>

此外：必须是 100vh 而不是100%，否则会出现地图插件不断往下拉取拖动的情况。

最终展示：