절대 위치, 오른쪽 상단 모서리 (크기 조정)

Question

정말 간단해야 ... 생각했습니다.

는 I는 같은 설정 한 :

<div id="main"> 
    <div id="a1">THE FIRST</div> 
    <div id="a2">THE SECOND</div> 
</div> 

나는 전체의 주요 사업부가 내 화면의 오른쪽 상단에 위치 할 내가 브라우저 크기를 조정할 때, 나는 거기에 있고 싶어 . 나는 고정 포지셔닝을 말하는 것이 아닙니다. 절대적입니다.

그러나이 CSS는 작동하지 않습니다. 어떤 아이디어?

#main { 
     position:relative; 
    top:0; 
    right:0; 
    z-index:300; 
    min-width:0; 
    width:8%; 
} 

#main #a1 { 
    position:absolute; 
    background: #082540; 
    z-index: 300; 
    right:0; 
    top:40px; 
} 

#main #a2 { 
    position:absolute; 
    background: #082540; 
    z-index: 300; 
    right:0; 
    top:0; 
} 

** 수정 ** 내가 오른쪽 상단에있는 사업부를 두는 경우에, 나는 오른쪽에서 왼쪽으로 브라우저를 가져올 때 ("고정"와 같은) 사라 할

.

Answer 1

ID와 이름 토큰은, 당신의 #1 및 #2 스타일이 적용되지 않는 이유는, 문자로 시작 #a1 또는 #a2

UPDATE처럼 뭔가를 변경해야합니다
이 그냥 #main에 float:right;를 추가 아직 행운 - 팁을위한 demo