Z-index div를 배치하는 방법은 무엇입니까?

Question

나는 고정 너비가 960px 인 주 래퍼를 가지고 있습니다. 오른쪽 상단에는 로그인 버튼이 있습니다. 이 버튼을 누르면 main 래퍼의 바로 아래와 바로 앞에 div 레이어가 열립니다. therfor 나는 Z- 색인을 사용합니다 : 1. 문제는 브라우저 윈도우 너비 대신 기본 래퍼에 따라 고정 위치를 설정하는 방법을 모른다는 것입니다. 이제 왼쪽/오른쪽 위치를 설정할 때 div는 전체 브라우저 창 너비에 따라 배치됩니다. 더 큰 해상도의 경우 기본 래퍼는 0으로 자동 배치됩니다.

코드 :

#main { 
    width:300px; 
    height: 500px; 
    background-color: #f23; 
    margin: 0 auto; 
} 
#zindex{ 
    font-size: 11px; 
    width: 50px; 
    height: 50px; 
    background-color: #dedede; 
    position: absolute; 
    right: 0;--> will place the div depending from the browser window and not main 
} 

example

이 난 정말 감사하겠습니다 해결하는 방법을 말해 줄 수있는 사람이있는 경우

는 예를 제공합니다.

Answer 1

#main { 
    width:300px; 
    height: 500px; 
    background-color: #f23; 
    margin: 0 auto; 
    position: relative; 

} 

position:relative는 자식 요소 대신 body의, 그것 자체가 상대적으로 위치하게됩니다.

는 '위치'barelyfitz.com

Answer 2

#main { 
    position:relative 
} 

트릭을해야합니다.

Answer 3

에서 이상 작동 방법에 대한 몇 가지 괜찮은 사례가있어 그냥 #main의 DIV의 위치를 ​​제공해야합니다. 예 :

#main { position: relative }