高度= 100%且保证金最高的Google地图

时间:2015-06-25 16:14:06

标签: css google-maps fullscreen margin

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

“100%带边距”问题的所有解决方案都使用绝对定位或“最小高度”,这对谷歌地图不起作用。任何人都有我的解决方案吗?

1 个答案:

答案 0 :(得分:1)

如果您希望视口全高,请执行100vh

因此我们删除了条形图的大小。

height: calc(100vh - 100px)