博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
position三种属性的区别
阅读量:5305 次
发布时间:2019-06-14

本文共 488 字,大约阅读时间需要 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/LIGHTNING-D/p/10207980.html

你可能感兴趣的文章
SqlBulkCopy大批量导入数据
查看>>
pandas 修改指定列中所有内容
查看>>
「 Luogu P2285 」打鼹鼠
查看>>
lua语言入门之Sublime Text设置lua的Build System
查看>>
vue.js基础
查看>>
电脑的自带图标的显示
查看>>
[转载] redis 的两种持久化方式及原理
查看>>
C++ 删除字符串的两种实现方式
查看>>
ORA-01502: 索引'P_ABCD.PK_WEB_BASE'或这类索引的分区处于不可用状态
查看>>
Java抽象类和接口的比较
查看>>
开发进度一
查看>>
MyBaits学习
查看>>
管道,数据共享,进程池
查看>>
CSS
查看>>
[LeetCode] 55. Jump Game_ Medium tag: Dynamic Programming
查看>>
[Cypress] Stub a Post Request for Successful Form Submission with Cypress
查看>>
程序集的混淆及签名
查看>>
判断9X9数组是否是数独的java代码
查看>>
00-自测1. 打印沙漏
查看>>
UNITY在VS中调试
查看>>