大佬教程收集整理的这篇文章主要介绍了html – 带导航栏的Bootstrap全屏谷歌地图,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我有这样的设置:
<div class="navbar"> <nav bar stuff......> </div> <div id="mapcanvas"></div>
使用具有高度和宽度的mapcanvas元素为100%.
但是,mapcanvas似乎溢出页面,整个页面可以向下滚动页面的导航栏数量.
我该如何解决这个问题?
<div class="navbar navbar-fixed-top"> <nav bar stuff......> </div>
如果您不希望导航栏位于地图上,请将#mapcanvas设置为此(直到IE7 – 尚未尝试ie6)
html,body {width:100%;height:100%;margin:0;padding:0;} #mapcanvas { BACkground:red;display: block; position:absolute; height:auto; bottom:0; top:0; left:0; right:0; margin-top:50px; /* adjust top margin to your header height */ }
<div id="mapcanvas">asdf</div>
以上是大佬教程为你收集整理的html – 带导航栏的Bootstrap全屏谷歌地图全部内容,希望文章能够帮你解决html – 带导航栏的Bootstrap全屏谷歌地图所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。