[css] 说说position的absolute和fixed共同与不同点分别是什么?
[css] 说说position的absolute和fixed共同与不同点分别是什么?
相同点:
1、都是用来给元素定位的属性,具有定位元素的一切特点(例如脱离文本流、不占据空间等等);
2、改变元素的呈现方式为display:block;
不同点:
1、fixed的父元素永远是浏览器窗口,不会根据页面滚动而改变位置;absolute的父元素是可以设置的,他会永远跟随父元素的位置的改变而改变。
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
[css] 说说position的absolute和fixed共同与不同点分别是什么?相关推荐
- css的position中absolute和fixed的区别
fixed:固定定位 absolute:绝对定位 区别很简单: 1.没有滚动条的情况下没有差异 2.在有滚动条的情况下,fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动 常用场 ...
- 【对比分析四】position的absolute与fixed共同点与不同点
共同点: (1) 改变行内元素的呈现方式,display被置为block: (2) 让元素脱离普通流,不占据空间: (3) 默认会覆盖到非定位元素上 不同点: absolute的"根元素&q ...
- position的absolute与fixed共同点与不同点
这个问题面试被问到过~~ position属性是对于元素位置设置的属性,一般来说fixed是相对于window窗口的不会随着页面的滚动而位置发生变化 absolute是相对于页面中的元素位置设置的,所 ...
- position为absolute与fixed区别
版权声明:本文为博主原创文章,未经博主允许不得转载. position为absolute与fixed两者的共同点是:元素都脱离了标准流,均不再占据空间: 不同点是: 定义为absolute的元素会随着 ...
- CSS中position属性( absolute | relative | static | fixed )详解
我们先来看看CSS3 Api中对position属性的相关定义: static:无特殊定位,对象遵循正常文档流.top,right,bottom,left等属性不会被应用. relative:对象遵循 ...
- CSS中position的absolute和relative用法
static: HTML元素的默认定位方式 absolute: 将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位.而其层叠通过z-index属性定义.绝对定位的元 ...
- Position(Static, Absolute, Relative, Fixed)
Static : 正常页面流(结点)流 Relative : 相对于自己,在Static结点的上面(z-index) Absolute : 相对于第一个非Static父结点,不属于页面流(结点流)(不 ...
- position中absolute和fixed的区别
fixed:固定定位 absolute:绝对定位 区别很简单: 1.没有滚动条的情况下没有差异 2.在有滚动条的情况下,fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动 常用场 ...
- css中position:absolute详细介绍
定义: 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位. 元素的位置通过 "left", "top", "right&quo ...
最新文章
- 码云上传代码添加标签_如何使用码云-百度经验
- 模型的跨界:我拿Transformer去做目标检测,结果发现效果不错
- 字典序最小是什么意思_《拓扑序简介》第十六讲
- AJAX中UPDATEPANEL配合TIMER控件实现局部无刷新
- 次小生成树 最小度限制生成树
- 上海市政府颁布智能汽车牌照,蔚来汽车成首批获此资格企业
- JavaScript课堂笔记
- Linux服务器查看带宽,进程和线程
- 福岛第一核电站的辐射水平已明显下降
- 专业计算机术语中英文对照(一)
- 警惕!国内已有5000余个网站中招!关于一种大规模的暗链劫持流量的风险提示
- 盘点 | 有哪些大数据处理工具?
- SourceTree报错git -c diff.mnemonicprefix=false fatal: Unable to create ‘D:/xxx/.git/index.lock‘: File
- python 读取合并单元格的数据_Python使用xlrd实现读取合并单元格
- 屏幕横竖发生变化时,当前Activity发生的生命周期变化
- 2022年跨境电商(美国区)预计趋势
- 爬虫第十式:多线程爬取小米应用商店聊天社交类别
- matlab实现sobel边缘检测图像,基于Sobel算子图像边缘检测的MATLAB实现
- 解读 | 赛迪“区块链赋能实体经济推进计划”
- c语言中的位移位操作
热门文章
- 网络工程师需要哪些知识_成长工程师可以教给我们哪些工程知识
- 微信小程序 没有找到 node_modules 目录
- RabbitMQ消息队列———安装(一)
- 【转】C/S,B/S区别
- 显示和快速隐藏Mac桌面所有图标
- PHP的curl实现get,post 和 cookie(几个实例)
- 在浏览器地址栏按回车、F5、Ctrl+F5刷新网页的区别
- JSP实战型程序连载:通用数据库连接JavaBean
- 学java 的要点_零基础学Java,掌握Java的基础要点
- java界面中显示图片_java中怎样在界面中显示图片?