![](/img/trans.png)
[英]Google Maps API v3: Why are there inconsistencies between my search results by Google Maps API V3 and Google Maps?
[英]Why does my Google maps api v3 and side panel not fill my page upon resizing?
我正在开发一个网页,左侧有一个带有搜索栏的侧面板,一个Google Maps api v3填充了页面的其余部分。 当我使浏览器在垂直方向上非常小时,在侧面板和地图之间以及浏览器底部之间都有一个空白区域。 但是,文本继续显示在浏览器底部。 看起来像:
这是我的CSS代码:
<style type="text/css">
body {margin:0;}
#panel {height:100%; width:300px; position:absolute; padding:0;background-color:#8C95A0;}
#header {padding:2px; text-align:center}
#address_instruction {position:relative; top:7%; padding:2px; text-align:center}
#geocoder {position:relative; top:8%; padding:2px; text-align:center}
#toggle_instruction {position:relative; top:22%; padding:2px; text-align:center}
#layers {position:relative; top:25%; padding:2px; text-align:center}
#layer0 {padding:2px; text-align:center}
#layer1 {padding:2px; text-align:center}
#layer2 {padding:2px; text-align:center}
#link {top:50%; position:relative; padding:2px; text-align:center}
#map_canvas {height:100%; left:300px; right:0px; position:absolute; padding:0;}
</style>
#panel中的ID是指面板左侧的项目。 为什么侧面板的背景颜色和贴图不扩展到浏览器的底部?
通过更改以下内容并将其添加到#panel中,我可以解决此问题:{position:fixed; 溢出:自动; }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.