我正在开发一个网页,我在左侧有一个带有搜索栏的侧面板和一个谷歌地图 API v3,右侧填充了页面的其余部分。当我使浏览器在垂直方向上非常小时,侧面板和 map 以及浏览器底部之间有一个空白区域。但是,文本继续到浏览器的底部。它看起来像:
这是我的 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 指的是面板左侧的元素。为什么侧面板背景颜色和 map 没有延伸到浏览器底部?
最佳答案
我能够通过更改以下内容并将其添加到#panel 来解决问题:{ position:fixed;溢出:自动;
关于javascript - 为什么我的 Google map API v3 和侧面板在调整大小时无法填满我的页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10855589/