首页 > web前端 > css教程 > 为什么我的绝对定位 Div 没有移动?

为什么我的绝对定位 Div 没有移动?

Linda Hamilton
发布: 2024-11-30 03:48:14
原创
628 人浏览过

Why Isn't My Absolutely Positioned Div Moving?

绝对定位不起作用

在尝试将 ID 为“absPos”的 div 绝对定位在其父 div 内时,开发人员遇到了以下问题div 保留在页面左上角的问题

解释:

具有绝对定位的元素根据其 offsetParent 进行移位,offsetParent 是最近定位的祖先。在提供的示例代码中,没有祖先具有“​​定位”元素,导致 div 相对于 body 元素(其 offsetParent)有偏移。

解决方案:

纠正这个问题,position:relative应该应用于父div。这会将其转换为定位元素,并将其建立为其子元素的 offsetParent。

修改后的代码:

以上是为什么我的绝对定位 Div 没有移动?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板