html - 如何将控件元素放在 map 上方，以便它们填满页面的整个高度

Question

我将控制元素放在带有 map 的 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

这是更新的 fiddle - http://jsfiddle.net/n3LshvLL/5/

我添加了 overflow:hidden 并给了 height:90% 来映射。请注意，当您将 height 增加超过 90% 时就会产生问题，因为您是在告诉 map 覆盖整个区域。