我的内容在我的header之上？

Question

所以我正在尝试做一个简单的 header 内容页脚页面，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;
}

使用这段代码，我可以准确地看到页脚，但我看不到 header，因为它上面的内容。

有人可以帮忙吗？

Answer 1

您可以在 #divHeader 元素上使用 css 属性 z-index:1; 这样 header 就会像一层一样在前面。

我的内容在我的header之上？

My content is above my header?

html

css

asp.net

header

footer