css中有绝对定位法，以前一直搞不懂绝对定位是相对于谁而言的绝对定位。
现在搞清楚了，不是相对于父元素，也不是相对于BODY。
而是相对于所属元素树中，相邻最近的那个显示标识了position属性的元素。
比如
<div id="a" style="position:relative">
<div id="b">
<div id="c" style="position:absolute">
</div>
</div>
</div>
div#c就是根据div#a进行绝对定位。
CSS 有关Position = absolute (绝对定位 是相对于谁而言)
2012-03-30
961
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
CSS 有关Position = absolute (绝对定位 是相对于谁而言)
css中有绝对定位法，以前一直搞不懂绝对定位是相对于谁而言的绝对定位。
现在搞清楚了，不是相对于父元素，也不是相对于BODY。
<div id="a" style="position:relative">
<div id="b">
<div id="c" style="position:absolute">
</div>
</div>
</div>
目录
相关文章
|
2月前
|
Web App开发
编解码
前端开发
告别固定字体大小：CSS使用相对单位提升网页可访问性和兼容性
在 Web 开发领域中，有很多误解流传，即使它们被反驳了很多次也仍然存在。"外部链接应该总是在新标签页中打开" 就是一个很好的例子。CSS Tricks 在将近十年前就对此进行了详细的解释（简而言之：大多数情况下是错误的），但它似乎仍然在某些角落中存在。
37
0
0
|
2月前
|
前端开发
|
6月前
|
前端开发
容器
|
6月前
|
前端开发
容器
|
7月前
|
前端开发
|
8月前
|
前端开发
|
8月前
|
前端开发
容器
【CSS】定位属性position使用详解（static、relative、fixed、absolute）
css定位属性position：static、relative、fixed、absolute详细介绍及使用样例。
73
0
0
|
9月前
|
前端开发
数据可视化
|
10月前
|
编解码
人工智能
前端开发
|
前端开发
热门文章
最新文章
1
《手把手教你》系列技巧篇（十八）-java+ selenium自动化测试-元素定位大法之By css中卷（详细教程）
2
【CSS进阶】使用CSS gradient制作绚丽渐变纹理背景效果（下）
3
《手把手教你》系列技巧篇（十七）-java+ selenium自动化测试-元素定位大法之By css上卷（详细教程）
4
前端代码整洁与规范之CSS篇
5
《手把手教你》系列技巧篇（十九）-java+ selenium自动化测试-元素定位大法之By css下卷（详细教程）
6
Tailwind CSS如何在vue项目中使用
7
【掰开揉碎】详解 CSS3 Grid 布局
8
【前端设计】HTML+CSS+JavaScript基本特性
9
CSS 中BFC是什么？
10
解密CSS单位：px、em、vh的区别与应用