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

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; 添加到您的 #main div

工作 demo