我的 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”。
最佳答案
将您的 body
更改为此。
body
{
width: 800px;
margin: 15px auto;
position: relative;
}
并且您的 div
将位于 body 内,并且具有与此类似的样式。
#login-hover-cont
{
...
position: absolute;
top: 30px;
right: 0px;
}
您需要这样做,因为绝对定位将始终相对于最近定位的祖先元素。
关于html - CSS - 如何使位置 :absolute work not on all 100% screens area,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9620235/