CSS 有关Position = absolute (绝对定位 是相对于谁而言)-阿里云开发者社区

开发者社区> double2li> 正文

CSS 有关Position = absolute (绝对定位 是相对于谁而言)

简介: CSS 有关Position = absolute (绝对定位 是相对于谁而言) css中有绝对定位法,以前一直搞不懂绝对定位是相对于谁而言的绝对定位。   现在搞清楚了,不是相对于父元素,也不是相对于BODY。
+关注继续查看
 

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进行绝对定位。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Django自定义Admin后台报错提示和数据校验
Django的admin后台是个好东西,接业务需求,需要开发一个单独的修改用户名的页面,没有前端支持只能考虑使用admin了。
5 0
编写小而美函数的艺术
随着软件应用的复杂度不断上升,为了确保应用稳定且易拓展,代码质量就变的越来越重要。
8 0
如何写好简历,拿到大厂 offer 的敲门砖
随着各大互联网公司的实习生招聘纷纷火热开展,如何拿到心仪的 offer 就成了摆在大家面前的一个现实问题。
6 0
HTML总结(一)
详细介绍一些HTML基础知识,帮助大家打好基础
9 0
「现代C++设计魅力」虚函数继承-thunk技术初探
工作中使用LLDB调试器调试这一段C++多继承程序的时候,发现通过lldb print(expression命令的别名) 命令获取的指针地址和实际理解的C++的内存模型的地址不一样。那么到底是什么原因呢?
11 0
有限状态机在 CSS 动画中的应用
随着用户界面中可能出现的不同状态和状态间转换的数目的不断增长,样式和动画的管理很快就变得复杂起来。即使是一个简单的登录表单也可以有很多不同的“用户状态流”,并且有许多边界情况需要考虑。
10 0
【Android 性能优化】布局渲染优化 ( 过渡绘制 | 自定义控件过渡绘制 | 布局文件层次深 | GPU 过渡绘制调试工具 | 背景过度绘制 )(一)
【Android 性能优化】布局渲染优化 ( 过渡绘制 | 自定义控件过渡绘制 | 布局文件层次深 | GPU 过渡绘制调试工具 | 背景过度绘制 )(一)
7 0
创建 SpringBoot 项目的 3 种方式
创建 SpringBoot 项目的 3 种方式
4 0
Spring Boot 整合 FreeMarker 实例
Spring Boot 整合 FreeMarker 实例
3 0
【Android 性能优化】布局渲染优化 ( 过渡绘制 | 背景设置产生的过度绘制 | Android 系统的渲染优化 | 自定义布局渲染优化 )
【Android 性能优化】布局渲染优化 ( 过渡绘制 | 背景设置产生的过度绘制 | Android 系统的渲染优化 | 自定义布局渲染优化 )
4 0
+关注
double2li
一个在IT行业摸爬滚打的老司机
2870
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载