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

【问题标题】：Position absolute, top right hand corner (resizing)绝对位置，右上角（调整大小）
【发布时间】：2012-10-03 23:52:58
【问题描述】：

应该很简单……我想。

我有这样的设置：

<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 放在右上角，我希望它在我从右到左进入浏览器时消失（如“固定”）。

【问题讨论】：

标签： html css

【解决方案1】：

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

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

工作demo

【讨论】：

感谢您的提示 - 仍然没有运气。
谢谢 - 我如何让整个 div 在调整大小时保持在右上角？如果调整大小，我不希望它保留在右上角。
你刚刚写了一个矛盾，检查你最后的评论，请澄清你在我发布的小提琴中看到了什么错误，我调整了窗口的大小并且 div 保持在右上角，我认为这是你的意图.
如果你想让它留在那里，为什么不使用 position:fixed 呢？
我需要 div 的位置在右上角，固定，但在页面滚动和页面调整大小期间根本不动。我想这是最好的表达方式。固定定位只会导致 div 在屏幕滚动期间保持原位。