如何使绝对定位元素与页面的其余部分一起移动？

Question

当我绝对定位一个物体时,它就会卡在那里.当您调整浏览器窗口的大小时,它会在其他对象滑动时停留在那里,从而终止整个点.

现在这只适合我.显然它适用于普通网站,例如你现在的网站.当你调整窗口大小时,一切都会移动并保持在整个模板中.

如何通过绝对定位实现这一目标？

Answer 1

你需要将绝对定位的div放在一个相对位置的div中.无论何时相对定位的div移动,绝对定位的div也将随之移动.

<div class="relative" >
    <div class="absolute">absolute</div>
</div>

.relative{
    position:relative;
    top:100px;
    left:100px;
    width:500px;
    height:500px;
    background:blue;
}


.absolute{
    position:absolute;
    width:100px;
    height:100px;
    background:red;
    top:30px;
    left:50px;
}

查看http://jsfiddle.net/w2EMu/上的工作示例