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

Question

这应该很简单...我以为。

我的设置如下：

<div id="main">
   <div id="a1">THE FIRST</div>
   <div id="a2">THE SECOND</div>
</div>

我希望将整个main 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放在右上角，当我从右到左拖动浏览器时，我希望它像“fixed”一样消失。

- user82302124

Answer 1

ID和NAME令牌必须以字母开头，这就是为什么你的#1和#2样式未应用的原因，将它们更改为像#a1或#a2这样的内容。

更新：
只需向您的#main div添加float:right;即可。

工作演示

- Nelson

---

谢谢你的提示 - 仍然没有运气。 - user82302124

谢谢 - 我该如何使整个div在调整大小时保持在右上角位置？如果调整大小，我不希望它仍然停留在右上角。 - user82302124

你刚才写了一个矛盾之处，请检查一下你的最后一条评论，澄清一下我所发布的fiddle中出现了什么问题。我调整了窗口大小，div保持在右上角，这正是我认为你的意图所在。 - Nelson

如果你想让它保持在那里，为什么不使用position:fixed呢？ - Rayshawn

我需要 div 的位置在右上角，固定不动，无论页面滚动和调整大小都不会移动。我想这是最好的表述方式。固定定位将导致 div 在屏幕滚动时保持在原位。 - user82302124