绝对定位和固定定位的区别
相同点:都脱离了标准文档流
不同点:
(1)定位参考的对象不同
绝对定位(absolute)参考的是离自己最近的已经定位的祖先元素,若祖先元素没有被定位,那么则参考浏览器窗口
固定定位(fixed)参考的一直都是浏览器窗口
(2)触发滚动条时,绝对定位会跟着滚动条发生变化,固定定位则不会
绝对定位和固定定位的区别相关推荐
- 相对定位,绝对定位和固定定位的区别
一.定位: 定位指的就是将指定的元素摆放到页面的任意位置,通过定位可以任意的摆放元素, 通过position属性来设置元素的定位 可选值: stat ...
- 前端——css相对定位,绝对定位,固定定位
文章目录 相对定位 position: relative; 特性 用途 绝对定位 position: absolute; 绝对定位参考点 单独盒子绝对定位参考点: 父辈元素设置了相对定位,则子元素绝对 ...
- 解决vue中绝对定位或固定定位在底部的按钮随键盘移动的问题
解决vue中绝对定位或固定定位在底部的按钮随键盘移动的问题 参考文章: (1)解决vue中绝对定位或固定定位在底部的按钮随键盘移动的问题 (2)https://www.cnblogs.com/zlfP ...
- WEB学习 -相对定位、绝对定位、固定定位、z-index
相对定位 相对定位,就是微调元素位置的.让元素相对自己原来的位置,进行位置调整. 2.不脱标,老家留坑,形影分离也就是说相对定位不脱标,真实位置是在老家,只不过影子出去了,可以到处飘.3.相对定位用途 ...
- [css] 说说你对相对定位、绝对定位、固定定位的理解
[css] 说说你对相对定位.绝对定位.固定定位的理解 position 属性指定了元素的定位类型.position 属性的五个值:static(默认值) relative(相对定位) fixed(固 ...
- html 定位z_index,绝对定位、固定定位和z-index
#### 绝对定位 * 一旦给元素加上`absolute`或`float`就相当于给元素加上了`display:block` * `absolute`元素覆盖正常文档流内元素(不用设z-index,自 ...
- 一、CSS定位布局[相对定位、绝对定位、固定定位]
一.CSS定位布局 选项 说明 static 默认形为,属于文档流 relative 相对定位 absolute 绝对定位 fixed 固定定位 1.relative 解释:元素在原来的位置开始移动( ...
- html固定按钮相对位置,CSS基础之相对定位,绝对定位,固定定位,z-index
1.相对定位 1.1.相对定位,就是微调元素位置的.让元素相对自己原来的位置,进行位置调整.也就是说,如果一个盒子想进行位置调整,那么就要使用相对定位 a position:relative; → 必 ...
- 定位组成,相对定位,绝对定位,固定定位、定位的特殊性,脱标的盒子不会触发外边距塌陷,绝对定位(固定定位)会完全压住盒子,焦点图布局(html+css)
定位是可以让盒子自由自在的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子. 定位:将盒子定在某一个位置.所以也是在摆放盒子,按照定位的方式移动盒子. 定位=定位模式+边偏移 定位模式 ...
最新文章
- python开发工具和框架安装器_Python 开发工具和框架安装
- C# in depth 阅读笔记-- 委托
- Visual Studio 2008 单元测试
- 中断底半部:softirq、tasklet、workqueue
- 类库,随机数,属性,值类型和引用类型
- mysql超过1W条查询不显示_mysql 被写入1W数据后无法select*from table,但是加入limit参数后可以查询...
- 第一百零四天 how can I 坚持
- 迅雷在P2P网络中的另类上传速度
- 关于System.identityHashCode(obj) 与 obj.hashcode()
- ASP.NET 缓存(10)
- java使用python爬虫,如何使用 Python 爬虫爬取 Java 题库?
- CSDN账号注销的问题:手机号注册的CSDN号是可以注销的
- laravel 阿里云短信验证码
- 如何将视频转换为HEVC / H.265和AVC / H.264
- tomcat Note: further occurrences of HTTP header parsing errors will be logged at DEBUG
- 阿里妈妈称日均覆盖人数破7000万
- Scratch所有积木
- 中国移动号码手机开机以及注册gprs流程(转载)
- 员工管理系统(服务器和客户端)
- Amazon CloudWatch 介绍/学习