博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
position 属性的值的比较
阅读量:6771 次
发布时间:2019-06-26

本文共 408 字,大约阅读时间需要 1 分钟。

可取的四个值:static/relative/absolute/fixed

static:默认值,top/right/bottom/left 无作用,z-index无效

relative:相对于原来的位置进行偏移。

               不管它是否进行移动,元素仍要占据它原来的位置。

absolute: 以父代元素不为static的元素为参考,父代元素为static,则以body为参考。

                  脱离文档流,原先在正常文档流中所占的空间会关闭,元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。

fixed:固定位置,相对于浏览器窗口进行定位。其他和absolute一致。

PS:relative/absolute/fixed用top/right/bottom/left 设置其偏移值,z-index设置其层级。

转载于:https://www.cnblogs.com/juicy-initial/p/7587984.html

你可能感兴趣的文章
Javascript this详解
查看>>
2018杭州云栖大会,梁胜博士的演讲PPT来啦!
查看>>
静态、动态代理和AOP详解(此坑未填)
查看>>
【刷算法】两个链表的第一个公共结点
查看>>
Vue 响应式核心 observer 源码详解 + 实践
查看>>
Linux下Rust环境配置
查看>>
使用CI、headless Browser、mocha对前端代码进行测试
查看>>
Promise学习笔记
查看>>
Gulp脚本
查看>>
30天自制操作系统-3
查看>>
[CSS]CSS Position 详解
查看>>
持续集成(一):maven私服搭建
查看>>
zabbix监控tomcat多实例(自动发现,主动模式)
查看>>
RecyclerView的刷新分页
查看>>
Spring Boot入门(4)提交表单并存入MySQL数据库
查看>>
用 webpack 和 Parcel 分别搭建第一个 ReactApp
查看>>
springCloud Finchley 微服务架构从入门到精通【四】服务消费者(feign)
查看>>
[转]Openfire后台getshell(编译好的插件)
查看>>
手拉手,用Vue开发动态刷新Echarts组件
查看>>
对原型链和原型以及构造函数的验证
查看>>