html - 为什么一个 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

z-index 属性仅适用于 positioned 元素(即 position 属性设置为 以外的元素) static(这是默认设置，也是 div 设置的内容)。