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

概述应该真的很简单……我想. 我有一个这样的设置： <div id="main"> <div id="a1">THE FIRST</div> <div id="a2">THE SECOND</div></div> 我希望整个主div位于我屏幕的右上角,当我调整浏览器大小时,我希望它能在那里停留.我不是说固定定位 – 只是绝对的. 但是,这个CSS不起作用.有任何想法吗？ #main { 应该真的很简单……我想.

我有一个这样的设置：

<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

总结

以上是内存溢出为你收集整理的html – 绝对位置,右上角(调整大小)全部内容，希望文章能够帮你解决html – 绝对位置,右上角(调整大小)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。