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

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 propriety z-index:1; 这样标题就会像层一样在前面。