[css] 说说position的absolute和fixed共同与不同点分别是什么?

相同点:
1、都是用来给元素定位的属性,具有定位元素的一切特点(例如脱离文本流、不占据空间等等);
2、改变元素的呈现方式为display:block;
不同点:
1、fixed的父元素永远是浏览器窗口,不会根据页面滚动而改变位置;absolute的父元素是可以设置的,他会永远跟随父元素的位置的改变而改变。

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 说说position的absolute和fixed共同与不同点分别是什么?相关推荐

  1. css的position中absolute和fixed的区别

    fixed:固定定位 absolute:绝对定位 区别很简单: 1.没有滚动条的情况下没有差异 2.在有滚动条的情况下,fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动 常用场 ...

  2. 【对比分析四】position的absolute与fixed共同点与不同点

    共同点: (1) 改变行内元素的呈现方式,display被置为block: (2) 让元素脱离普通流,不占据空间: (3) 默认会覆盖到非定位元素上 不同点: absolute的"根元素&q ...

  3. position的absolute与fixed共同点与不同点

    这个问题面试被问到过~~ position属性是对于元素位置设置的属性,一般来说fixed是相对于window窗口的不会随着页面的滚动而位置发生变化 absolute是相对于页面中的元素位置设置的,所 ...

  4. position为absolute与fixed区别

    版权声明:本文为博主原创文章,未经博主允许不得转载. position为absolute与fixed两者的共同点是:元素都脱离了标准流,均不再占据空间: 不同点是: 定义为absolute的元素会随着 ...

  5. CSS中position属性( absolute | relative | static | fixed )详解

    我们先来看看CSS3 Api中对position属性的相关定义: static:无特殊定位,对象遵循正常文档流.top,right,bottom,left等属性不会被应用. relative:对象遵循 ...

  6. CSS中position的absolute和relative用法

    static: HTML元素的默认定位方式 absolute: 将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位.而其层叠通过z-index属性定义.绝对定位的元 ...

  7. Position(Static, Absolute, Relative, Fixed)

    Static : 正常页面流(结点)流 Relative : 相对于自己,在Static结点的上面(z-index) Absolute : 相对于第一个非Static父结点,不属于页面流(结点流)(不 ...

  8. position中absolute和fixed的区别

    fixed:固定定位 absolute:绝对定位 区别很简单: 1.没有滚动条的情况下没有差异 2.在有滚动条的情况下,fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动 常用场 ...

  9. css中position:absolute详细介绍

    定义: 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位. 元素的位置通过 "left", "top", "right&quo ...

最新文章

  1. 码云上传代码添加标签_如何使用码云-百度经验
  2. 模型的跨界:我拿Transformer去做目标检测,结果发现效果不错
  3. 字典序最小是什么意思_《拓扑序简介》第十六讲
  4. AJAX中UPDATEPANEL配合TIMER控件实现局部无刷新
  5. 次小生成树 最小度限制生成树
  6. 上海市政府颁布智能汽车牌照,蔚来汽车成首批获此资格企业
  7. JavaScript课堂笔记
  8. Linux服务器查看带宽,进程和线程
  9. 福岛第一核电站的辐射水平已明显下降
  10. 专业计算机术语中英文对照(一)
  11. 警惕!国内已有5000余个网站中招!关于一种大规模的暗链劫持流量的风险提示
  12. 盘点 | 有哪些大数据处理工具?
  13. SourceTree报错git -c diff.mnemonicprefix=false fatal: Unable to create ‘D:/xxx/.git/index.lock‘: File
  14. python 读取合并单元格的数据_Python使用xlrd实现读取合并单元格
  15. 屏幕横竖发生变化时,当前Activity发生的生命周期变化
  16. 2022年跨境电商(美国区)预计趋势
  17. 爬虫第十式:多线程爬取小米应用商店聊天社交类别
  18. matlab实现sobel边缘检测图像,基于Sobel算子图像边缘检测的MATLAB实现
  19. 解读 | 赛迪“区块链赋能实体经济推进计划”
  20. c语言中的位移位操作

热门文章

  1. 网络工程师需要哪些知识_成长工程师可以教给我们哪些工程知识
  2. 微信小程序 没有找到 node_modules 目录
  3. RabbitMQ消息队列———安装(一)
  4. 【转】C/S,B/S区别
  5. 显示和快速隐藏Mac桌面所有图标
  6. PHP的curl实现get,post 和 cookie(几个实例)
  7. 在浏览器地址栏按回车、F5、Ctrl+F5刷新网页的区别
  8. JSP实战型程序连载:通用数据库连接JavaBean
  9. 学java 的要点_零基础学Java,掌握Java的基础要点
  10. java界面中显示图片_java中怎样在界面中显示图片?