css - 如何在谷歌地图上放置一个 div

Question

我需要在谷歌地图上放置一个 div， map 必须是响应式的，所以 #map-menu 不能在绝对位置上

这是代码:

<div id="map-container">
   <div id="map"></div>
   <div id="map-menu">Text</div>
</div>

#map-container {
   width: 100%;
   height: 100%;
   position:relative;
}

提前致谢!

更新:我加了

#map-menu {
  position: fixed;
  float: right;
}

Answer 1

我使用绝对位置和 z-index

<div id='map' >
</div>

<div id='search_location' >
......
</div>

和CSS

#search_location{   
   position: absolute; 
   top:6px;     
   right: 235px;    
   width:680px; 
   height:30px;
   z-index: 2000; 
               ....
 }