我正在编写一个应该显示全屏谷歌地图的wordpress插件。如果您使用WordPress登录,则使用margin-top在顶部显示工具栏。谷歌地图显然需要一个高度= 100%的div来显示全屏地图,但如果你登录并显示wordpress的管理工具栏,我就有了不必要的滚动条。由于浮动侧边栏和移动支撑,因此无法进行绝对定位。
“100%带边距”问题的所有解决方案都使用绝对定位或“最小高度”,这对谷歌地图不起作用。任何人都有我的解决方案吗?
答案 0 :(得分:1)
如果您希望视口全高,请执行100vh
。
因此我们删除了条形图的大小。
height: calc(100vh - 100px)