欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 财经 > 金融 > 【CSS】absolute定位的默认位置

【CSS】absolute定位的默认位置

2025/2/24 21:10:53 来源:https://blog.csdn.net/zSY_snake/article/details/143747592  浏览:    关键词:【CSS】absolute定位的默认位置

position: absolute; 属性会使元素脱离正常的文档流,并相对于最近的非 static 定位祖先元素进行定位。如果没有这样的祖先元素,则相对于初始包含块(通常是视口)进行定位。

但是当topleft没有指定具体值时,元素的在上下文中的位置会在默认position: relative时应该存在的位置,不过由于脱离了文档流,层级会高。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title></head><body><div style="background-color: antiquewhite"><div style="width: 100px; height: 100px; background-color: red"><div style="width: 100%; height: 100%"></div><divstyle="position: absolute;width: 20px;height: 20px;background-color: blue;"></div></div><div style="width: 100px; height: 100px; background-color: red"><div style="width: 100%; height: 100%"></div><divstyle="position: absolute;width: 20px;height: 20px;background-color: blue;"></div></div></div></body>
</html>

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词