Vị trí tuyệt đối, góc trên cùng bên phải (đổi kích thước)

Question

Nên thực sự đơn giản ... Tôi nghĩ.

Tôi có một thiết lập như vậy:

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

Tôi muốn toàn bộ div chính được đặt ở góc trên bên phải của màn hình của tôi và khi tôi thay đổi kích thước trình duyệt, tôi muốn nó ở lại đó . Tôi không nói vị trí cố định - Chỉ tuyệt đối.

Tuy nhiên, css này không hoạt động. Bất kỳ ý tưởng?

#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; 
} 

** EDIT **

Nếu tôi đặt div tại Mặt phía trên bên phải, tôi muốn nó biến mất (như "cố định") khi tôi mang trình duyệt từ phải sang trái.

Answer 1

ID và TÊN thẻ phải bắt đầu bằng một lá thư, đó là lý do tại sao #1 và #2 của bạn phong cách không được áp dụng, thay đổi chúng một cái gì đó giống như #a1 hoặc #a2

CẬP NHẬT:
Chỉ cần thêm float:right;-#main của bạn div

Làm việc demo