css中的position（定位）
2024-09-29 07:17:20
一、position语法与结构
position语法： position : static absolute relative
position参数：
static : 无特殊定位，对象遵循HTML定位规则
absolute : 将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过css z-index属性定义。此时对象不具有边距，但仍有补白和边框
relative : 对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置
二、绝对定位使用条件
position:absolute；position:relative绝对定位使用通常是父级定义position:relative定位，子级定义position:absolute绝对定位属性，并且子级使用left或right和top或bottom进行绝对定位。
三、css绝对定位总结
绝对定位如果父级不使用position:relative，而直接使用position:absolute绝对定位，这个时候将会以body标签为父级，使用position:absolute定义对象无论位于DIV多少层结构，都将会被拖出以<body>为父级（参考级）进行绝对定位。
在绝对定位时候我们可以使用css z-index定义css层重叠顺序。
最新文章
- 在Revit中如何显示附件模块（Add Ins） 这个命令页？zz
- crontab 例行性排程
- Android调试常用的工具简单介绍
- hdu 4435 charge-station
- CentOS7.1 Xshell 经常掉线 Connection closed by foreign host
- 使用php将数组转为XML
- 对象-关系映射ORM(Object Relational Mapping)(转)
- 分布式EventBus的Socket实现 - 发布订阅
- 跟着内核学框架-从misc子系统到3+2+1设备识别驱动框架
- IdentityServer（11）- 使用Hybrid Flow并添加API访问控制
- [Codeforces 176B]Word Cut
- vim配置python编程环境及YouCompleteMe的安装教程
- （引用）！Unicode，GBK以及UTF8的联系和区别
- MySQLl导入导出SQL文件
- java学习笔记-输入输出流
- host-only
- 1 R语言介绍
- JavaScript的基本概念
- ADO.NET对象模型之间的关系
- DE1-SOC开发板使用学习