绝对位置，右上角(调整大小)

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

**编辑**

如果我把div 放在右上角，我希望当我从右到左进入浏览器时它消失（如"固定"）。

Answer 1

ID和NAME令牌必须以字母开头，这就是为什么您的#1和#2样式不适用的原因，请将它们更改为#a1或#a2

更新：
只需将float:right;添加到您的#maindiv

工作演示