1

我正在开发一个网页，左侧有一个带有搜索栏的侧面板，右侧有一个谷歌地图 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 指的是面板左侧的项目。为什么侧面板背景颜色和地图不延伸到浏览器底部？

4

1 回答 1

0

我能够通过更改以下内容并将其添加到#panel 来解决问题：{ position:fixed; 溢出：自动；}

于 2012-06-04T16:37:39.410 回答