位置绝对，右上角（调整大小）

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 < / p>

<强>更新：
只需将float:right;添加到#main div

即可

工作demo