divが別のdivに表示されなかったのはなぜですか？

Question

私は、このHTMLのdivでグーグルマップを表示する：

<div id="map"> 

</div> 
html, 
     body, 
     #map { 
      position: absolute; 
      top: 0; 
      bottom: 0; 
      left:0; 
      height:100%; 
      width:100%; 


     } 

すべては大丈夫です、それが画面にグーグルマップのフィット感を示しており、私はそれがこのような他のdivに表示します：

<div style="z-index:1;" align="center"> 
     some thing this 
</div> 

しかし、私は私のアプリを実行したとき、私はちょうどグーグルマップを参照して、どのように私はこの問題を解決することができますか？問題？ありがとう。

Answer 1

はに要素（デフォルト、およびDIVに設定されているもの）であるstatic以外に設定position性質を持っている（つまり、要素を配置z-indexプロパティにのみ適用されます。