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

前端之家收集整理的这篇文章主要介绍了html – 如何使绝对定位元素与页面的其余部分一起移动?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我绝对定位一个物体时,它就会卡在那里.当您调整浏览器窗口的大小时,它会在其他对象滑动时停留在那里,从而终止整个点.

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

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

解决方法

你需要将绝对定位的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/的工作示例

原文链接:https://www.f2er.com/html/226868.html

猜你在找的HTML相关文章