如何定位頁眉和頁腳

Question

以上內容我想acheive定位：

的屬性如下：

.header, .footer { 
    background: #666; 
    height: 100px; 
} 

.content { 
    background: #ccc; 
    margin: -25px auto; 
    min-height: 500px; 
    width: 960px; 
} 

所以

現在我有以下內容位於頁腳下方的問題，我不知道如何解決。 z-index不起作用。

我的HTML：

<div class="header"></div> 
<div class="content"></div> 
<div class="footer"></div> 

Answer 1

試試這個

.header, .footer { 
    background: #666; 
    height: 100px; 
    position: relative; 
    z-index: 1; 
} 

.content { 
    background: #ccc; 
    margin: -25px auto; 
    min-height: 500px; 
    width: 960px; 
    position: relative; 
    z-index: 100; 
} 

Answer 2

請閱讀。他或她面臨着同樣的問題。

3 <div> => middle <div> overlaps upper and lower <div>

韓國社交協會