絕對位置，右上角（調整大小）

Question

應該很簡單......我想。

我有一個設置爲這樣：

<div id="main"> 
    <div id="a1">THE FIRST</div> 
    <div id="a2">THE SECOND</div> 
</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：
只需添加float:right;您#main div

工作demo