position三种属性的区别
发布日期:2022-03-13 05:36:14 浏览次数:11 分类:技术文章

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

absolute:此属性定义一个横向和纵向的属性就可以控制布置的文本或图片相对于浏览器整个页面的上方或者下方和左方或者右方的距离。

relative:此属性会相对于一个正常的标题,对其进行相对位置的移动,可用left,right等对其位置进行移动,也可为负值。

fixed:此属性和absolute有相似之处,也是相对于浏览器的各种方向对其进行布局,与之不同的是当页面向下或者向右移动的时候,它相对于浏览器的页面距离仍然保持不变。

static:没有定位,元素出现在正常的流中,适用于进行正常排版,不适用于对其进行定位的操作。

sticky:当元素在容器中被滚动超过指定的偏移值时,元素在容器内固定在指定位置。如果设置了top: 50px,那么在sticky元素到达距离相对定位的元素顶部50px的位置时固定,不再向上移动,之后就相当于用fixed将它固定了。

摘自:https://www.cnblogs.com/orange123/p/9786541.html

转载于:https://www.cnblogs.com/smartchan/p/10189316.html

转载地址:https://blog.csdn.net/weixin_30323961/article/details/98252816 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:java的几种经典排序算法
下一篇:oracle复合索引介绍(多字段索引)

发表评论

最新留言

不错!
[***.144.177.141]2024年03月22日 09时06分14秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

oracle解析语句从右往左,Oracle中SQL语句解析的步骤 2019-04-21
oracle create restore point,oracle小知识点3--有保证的复原点guaranteed restore point 2019-04-21
oracle一写入数据就被锁死,Oracle数据库被恶意锁死怎么办?英方i2CDP来恢复 2019-04-21
oracle测试程序,oracle简单存储过程测试 2019-04-21
linux组态文件,嵌入式Linux组态软件实时数据库的设计 2019-04-21
xilinx linux 内核编译,已解决: petalinux编译内核module - Community Forums 2019-04-21
linux查看网卡是down还是up,查看Linux下网卡连接/工作状态(up还是down)? 2019-04-21
linux shell tr命令,shell脚本中的tr用法 2019-04-21
linux postgresql 密码,Ubuntu 9.10下PostgreSQL 8.4忘记密码的解决方法 2019-04-21
linux informatica教程,Informatica Grid 运维手册.doc 2019-04-21
pci linux时序函数,实时Linux下的PCI驱动开发(下) 2019-04-21
kvm切换器不了linux系统,KVM切换器使用中最常见故障排除处理 2019-04-21
苹果手机上linux编程,iOS真机调试 - iOS学习笔记_Linux编程_Linux公社-Linux系统门户网站... 2019-04-21
linux下phy接光模块,C6638,linux mac to mac 模式(没PHY),接SFP+模块,通过光纤(30cm)与PC连接。在PC显示该网络链路为10Gbps,网口问题... 2019-04-21
qt eclipse integration linux,【求助】qt eclipse integration失败 Esclipse中没有QT项目 2019-04-21
Linux下idea中怎么使用git,在IDEA中使用Linux命令的操作方法 2019-04-21
c语言中可以拆分字符串的函数,实用的C语言字符串分割函数strsplit 2019-04-21
鸿蒙系统arm33,手机同为ARM架构,那么苹果和三星手机刷华为鸿蒙OS系统,那么会出现什么样的结果?... 2019-04-21
android内核驱动 杂项,有关第十五章_Android内核驱动——杂项.pdf 2019-04-21
html5关于padding是复合属性,padding属性是复合属性 2019-04-21