Css 谷歌地图，高度=100%，页边距最高_Css_Google Maps_Fullscreen_Margin

Css 谷歌地图，高度=100%，页边距最高

css google-maps

Css 谷歌地图，高度=100%，页边距最高,css,google-maps,fullscreen,margin,Css,Google Maps,Fullscreen,Margin,我正在编写一个wordpress插件，它应该显示一个全屏谷歌地图。如果您登录WordPress，则会在顶部使用边距顶部显示工具栏。谷歌地图显然需要一个高度为100%的div来显示全屏地图，但如果你登录并显示wordpress的管理工具栏，我就有了不必要的滚动条。由于浮动侧边栏和移动支架，无法进行绝对定位所有“100%有余量”问题的解决方案要么使用绝对定位，要么使用“最小高度”，这对谷歌地图不起作用。有人能给我一个解决方案吗？如果你想让它达到视口的整个高度，只需执行100vh 所以我们去掉了条的

我正在编写一个wordpress插件，它应该显示一个全屏谷歌地图。如果您登录WordPress，则会在顶部使用边距顶部显示工具栏。谷歌地图显然需要一个高度为100%的div来显示全屏地图，但如果你登录并显示wordpress的管理工具栏，我就有了不必要的滚动条。由于浮动侧边栏和移动支架，无法进行绝对定位

所有“100%有余量”问题的解决方案要么使用绝对定位，要么使用“最小高度”，这对谷歌地图不起作用。有人能给我一个解决方案吗？

如果你想让它达到视口的整个高度，只需执行

100vh

所以我们去掉了条的大小

高度：计算（100vh-100px）

高度：计算（100%-100px）

是工具栏大小的100px。作品如果你想要全高，你也可以做

height:calc（100vh-100px）

height:calc（100vh-100px）

为我工作，非常感谢！使用

calc（100%-100px）

我仍然在底部有一个100px宽的边距（当然还有滚动条），作为答案。