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

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

我的内容高于我的标题？

1 个答案: