html – 绝对位置,右上角(调整大小)

应该真的很简单……我想.

我有一个这样的设置：

<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放在右上方,我希望它从右到左带入浏览器时消失(如“固定”).

解决方法

ID和NAME标记必须以字母开头,这就是为什么#1和#2样式不适用,将它们更改为#a1或#a2之类的内容

更新：
只需添加float：right;到你的#main div

工作demo

原文地址：https://www.jb51.cc/html/224102.html