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/

上的工作示例

Answer 2

最好的解决方案是避免绝对定位。但是如果你使用它并想要重新定位你的绝对对象，你可以注册一个resize方法。例如。 jQuery.resize()并自行重新定位。如果您不使用jQuery，则必须使用document.addEventListener和document.attachEvent。

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

2 个答案: