Css div显示在页面标题之上

Question

此div显示在标题页上方。如何解决？

以下是div部分中css的代码，我只是把这段代码放在html页面中

  

/ *地图的主要DIV * /

.subway-map
{
    margin: 0;
    width: 500px;
    height:410px;
    background-color: white;
}

/* Text labels */
.text
{
    text-decoration: none;
    color: black;

}

#legend
{
    float: left;
    width: 250px;
    height:400px;
}

#legend div
{
    height: 25px;
}

#legend span
{
    margin: 5px 5px 5px 0;
}
.subway-map span
{
    width: 200px !important;
}

     

Answer 1

尝试更改标题中的z-index，例如：

header {
z-index: 99;
}

Answer 2

仔细检查所有代码并确保它们全部关闭。看起来这些是两个独立的组件，因此它们需要在两个单独的标签中。

e.g。

<div class="header">
    <!-- content goes here -->
</div>

<div class="section-1"> 
    <!-- content goes here -->
</div>

<div class="section-2"> 
    <!-- content goes here -->
</div>

.
.
.