我的内容在我的标题上方？

Question

所以我正在尝试做一个简单的页眉内容页脚页面，在 div 之间以及左右两边没有空格，我有这个 HTML 代码：

<div id="divHeader">
    </div>

    <div id="divContent">
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

    </asp:ContentPlaceHolder>
    </div>


    <div id="divFooter">
    </div>

这是我的 CSS 代码：

    #divHeader
{
    width: 100%;
    min-height: 68px;
    background-color:#1C1C1C;
    top:0;
    left:0;
    right:0;
    position:absolute;    
}

#divContent
{
    position: absolute;
    top:0; 
    bottom:0; 
    left:0;
    width: 100%;
    background-color:red; 
}

#divFooter
{
    width:100%;
    min-height:250px;
    background-color:#1C1C1C;
    bottom: 0;
    left:0;
    right:0;
    position: absolute;
}

使用这段代码，我可以看到我想要的页脚，但我看不到页眉，因为它上面的内容。

有人可以帮忙吗？

Answer 1

您可以在#divHeader 元素上使用css 属性z-index:1;，这样标题将像一层一样位于前面。