如何将控件元素放在地图上方，以便它们填充页面的整个高度

Question

我将控制元素放在div的上方，并显示我的地图和垂直滚动条。任何人都可以告诉我如何将元素一个放在另一个上面，这样它们就可以在没有垂直滚动条的情况下填充整个屏幕高度？

<style type="text/css">

html, body, #map {
    height: 100%;
}

#mySelector {
    margin-top:10px;
    width:400px;
}

#map {
    margin-top:10px;
}

</style>

<select id="mySelector"></select>
<div id="map"></div>

代码： http://jsfiddle.net/anton9ov/n3LshvLL

Answer 1

这是更新的小提琴 - http://jsfiddle.net/n3LshvLL/5/

我已添加overflow:hidden并已将height:90%添加到地图中。请注意，当你将height增加超过90％时，就会产生问题，因为你告诉地图覆盖整个区域。