html - CSS - 如何使位置 :absolute work not on all 100% screens area

Question

我的 body宽度为 800 像素:

body {
width:800px;
margin:15px auto;}

我有一个 <div>应该位于正文右上角的区域 (100x200px)，无论在什么屏幕或浏览器中打开它。我尝试执行以下操作:

#login-hover-cont{width:210px;padding:20px;position:absolute;right:0px;_right:-1px;top:30px;z-index:3;background:#fff}

它把 div到屏幕的右上角，这是错误的 - 我希望它位于 BODY 右边框所在的位置。我怎么做？不想使用“position:relative”。

Answer 1

将您的 body 更改为此。

body 
{
    width: 800px;
    margin: 15px auto;
    position: relative;
}

并且您的 div 将位于 body 内，并且具有与此类似的样式。

#login-hover-cont
{
    ...
    position: absolute;
    top: 30px;
    right: 0px;
}

您需要这样做，因为绝对定位将始终相对于最近定位的祖先元素。