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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/html/224102.html

猜你在找的HTML相关文章