【问题标题】:Google Maps with height=100% and margin top高度 = 100% 且边距顶部的 Google 地图
【发布时间】:2015-09-12 08:48:28
【问题描述】:

我正在编写一个应该显示全屏谷歌地图的 wordpress 插件。如果您已登录 WordPress,则会在顶部使用 margin-top 显示一个工具栏。 Google Maps 显然需要一个 height=100% 的 div 来显示全屏地图,但是如果您登录并显示 wordpress 的管理工具栏,我有不必要的滚动条。由于浮动侧边栏和移动支持,绝对定位是不可能的。

“100% 有边距”问题的所有解决方案都使用绝对定位或“最小高度”,这不适用于谷歌地图。谁有我的解决方案?

【问题讨论】:

  • height: calc(100% - 100px) 是工具栏大小的 100 像素。作品?如果你想要它全高你也可以height: calc(100vh - 100px)
  • height: calc(100vh - 100px) 为我工作,非常感谢!使用calc(100% - 100px),我的底部仍然有 100 像素宽的边距(当然还有滚动条)
  • 然后添加为答案。

标签: css google-maps fullscreen margin


【解决方案1】:

如果你想要它的视口的全高,只需执行100vh

所以我们删除了条的大小。

height: calc(100vh - 100px)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-01-08
    • 2012-04-08
    • 1970-01-01
    • 2010-12-18
    • 2014-12-20
    • 1970-01-01
    • 2010-10-03
    • 2011-05-03
    相关资源
    最近更新 更多