CSS中Position几种属性的总结
2024-09-08 18:54:26
定位position
定位方向:left right top bottom
静态定位:static 默认值,就是文档流
绝对定位:absolute
特点:
1.不占据原来的位置(脱标)
2. 元素使用绝对定位,位置是从浏览器出发的 bottom:100px;则元素距浏览器底部100px;
3.嵌套的盒子,父盒子没有使用定位,子盒子绝对定位,子盒子位置从浏览器出发
4.嵌套的盒子,父盒子使用相对定位,子盒子绝对定位,子盒子位置从父元素出发
5.给行内元素使用绝对定位之后,转换为行内块(不推荐使用)
调整元素的层叠顺序,默认值0-999
相对定位:relative
特点:
1.使用相对定位,位置从自身出发
2.还占据原来的位置
3:子绝父相
4.行内元素使用相对定位不能转行内块
固定定位:fixed
特点:
1.固定定位之后,不占据原来的位置(脱标)
2.元素使用固定定位之后,位置从浏览器出发
3.元素使用固定定位之后,会转化为行内块(不推荐使用)
最新文章
- IL命令
- Hibernate总结1(入门)
- phpunit4.1的干净测试
- jmeter接口测试教程
- Android环境搭建要点
- Interview----将一棵二叉树转换成其镜像
- poj 1847 Tram【spfa最短路】
- HTML 5最终确定,八年后,我们再谈谈如何改变世界
- DFS-leetcode Combination Sum I/I I
- CSS3秘笈:第七章
- 解决C盘中的文件不能修改问题
- java框架之SpringCloud(5)-Hystrix服务熔断、降级与监控
- Vue组件的介绍与使用
- exchang2010OWA主界面添加修改密码选项
- MATLAB插 值 法
- Flask-SQLAlchemy插件
- redisTemplate实现轻量级消息队列, 异步处理excel并实现腾讯云cos文件上传下载
- java日期格式(年月日时分秒毫秒)
- 纯css打造美丽的html表格
- 20145226夏艺华 《Java程序设计》第8周学习总结
热门文章
- flink sql任务出现java.lang.OutOfMemoryError: Metaspace
- Flink常见问题解决记录
- JavaScript案例:短信验证码倒计时
- mysql中的InnoDB和MyISAM
- 软件开发流程-路飞项目需求- pip永久换源-虚拟环境-路飞项目前后端创建-包导入-后端项目调整目录
- KingbaseES V8R6备份恢复案例之---自定义表空间指定恢复目录数据恢复
- uniapp打包小程序运行到微信开发工具
- Symfony2在Nginx下的配置方法图文教程
- 字符串类型如何格式化保留小数点后两位【ToString(";0.00";)】
- char 与 string 互转 byte与string互转 list<;string>;与string[]互转 char与byte互转