머리글과 바닥 글

Question

위에 나는 acheive하려는 위치의 컨텐츠를 배치하는 방법 : 속성은 다음과 같습니다

: 그래서

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

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

이제

을 나는 다음과 같은 한을 내용이 꼬리말 아래에 놓여 있고 그것을 고치는 법을 모른다는 문제. Z- 색인이 작동하지 않습니다.

내 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>

TKS