css - Google Maps with height=100% and margin top -


i'm coding wordpress plugin should display fullscreen google map. if logged in in wordpress, toolbar displayed @ top using margin-top. google maps apparently needs div height=100% display fullscreen map, if logged in , admin toolbar of wordpress displayed, have unnecessary scrollbars. absolute positioning not possible because of floating sidebar , mobile support.

all solutions "100% margin" problems either use absolute positioning or "min-height", not working google maps. has solution me?

if want full height of viewport 100vh.

so remove size of bar.

height: calc(100vh - 100px)


Comments

Popular posts from this blog

How has firefox/gecko HTML+CSS rendering changed in version 38? -

android - CollapsingToolbarLayout: position the ExpandedText programmatically -

Listeners to visualise results of load test in JMeter -