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

转载 于 2017-09-11 13:56:00 发布 · 181 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/u/3652781/blog/1535095

本文详细解析了CSS中absolute和fixed两种定位方式的区别与联系。两者都属于脱离文档流的定位方式，不占据空间；不同之处在于absolute定位相对最近的已定位祖先元素，若没有则相对于初始包含块；而fixed定位始终相对于视口。

相同点：都是脱离文档流，不占据空间

区别：absolute是定位相对于浏览器，它的根元素是可以设定的，在父元素上设定定位relative。

fixed相对于浏览器窗口

转载于:https://my.oschina.net/u/3652781/blog/1535095

chentao3021
关注
关于position、absolute、relative层叠加的技巧
08-18
Position 属性有五个值：static、relative、absolute、fixed 和 inherit。其中，static 是默认值，relative、absolute 和 fixed 是动态定位的三种方式。 静态定位（Static Positioning） -------------------------...
【对比分析四】position的absolute与fixed共同点与不同点
weixin_30483697的博客
08-22 137
共同点： (1) 改变行内元素的呈现方式，display被置为block； (2) 让元素脱离普通流，不占据空间； (3) 默认会覆盖到非定位元素上 不同点： absolute的”根元素“是可以设置的，而fixed的”根元素“固定为浏览器窗口。 当你滚动网页，fixed元素与浏览器窗口之间的距离是不变的。 position ：规定元素的定位类型。 任何元素都可以定位...
position的absolute与fixed，absolute与relative共同点与不同点
weixin_30412167的博客
06-12 245
absolute与fixed 共同点： (1) 改变行内元素的呈现方式，display被置为block； (2) 让元素脱离普通流，不占据空间； (3) 默认会覆盖到非定位元素上 不同点： absolute的”根元素“是可以设置的，而fixed的”根元素“固定为浏览器窗口。 当你滚动网页，fixed元素与浏览器窗口之间的距离是不变的。 absolute与relative 不...
css position两个属性值absolute和fixed的区别
前端小菜鸡
09-21 1562
作为一名css界的小朋友一直没系统的了解过position属性，今天用到了就详细的记录下吧！fixed 固定定位，参照位置是浏览器窗口的左上角，即坐标点为(0px, 0px)absolute 绝对定位，参展位置是离当前元素最近的定位方式为fixed,absolute,relative的祖先原则的左上角。因此，fixed主要用于固定网页的头部尾部和广告区域随屏幕滚动。 absolute主要用于多个di
2024前端面试核心知识点总结与源码解析
同时深入探讨了relative、absolute、fixed、sticky四种定位模式的应用场景及层叠上下文（stacking context）的影响。 JavaScript作为前端的核心语言，在本资料中占据了大量篇幅。首先从基本数据类型讲起，涵盖原始...
HTML5与CSS3核心知识点学习笔记整理
每种定位方式都配有典型应用场景说明，比如使用`position: fixed`实现顶部导航栏始终可见，或利用`position: absolute`进行层叠元素精确定位。 值得一提的是，笔记还重点介绍了CSS3带来的视觉增强特性。其中包括**...
CSS与HTML基础知识与面试技巧详解
`position`属性中的`absolute`与`fixed`则是两种不同的定位方式，共同点在于使元素脱离文档流，不同点在于前者根据其祖先元素定位，后者相对于浏览器窗口定位，且滚动时位置保持不变。 然后，文章提到了CSS的盒子...
position ="absolute" 与 position="fixed的异同"
薄年再无木小白的专栏
01-22 1619
position ="absolute" position="fixed"  相同点 第一，完全脱离标准文档流 第二，未设置偏移量时，都定位在父元素左上角 不同点一：  设置偏移量时，偏移量的基准 absolute  1.无已定位的祖先元素，以为基准 2.有已定位的祖先元素，以最近的父元素的为基准偏移 fixed 有无已定位的祖先元素都以浏览器的可视窗口为基准偏移 不
多源动态最优潮流的分布鲁棒优化方法（IEEE118节点）（Matlab代码实现）
最新发布
01-01
多源动态最优潮流的分布鲁棒优化方法（IEEE118节点）（Matlab代码实现）内容概要：本文介绍了基于Matlab实现的多源动态最优潮流的分布鲁棒优化方法，适用于IEEE118节点电力系统。该方法旨在应对电力系统中源荷不确定性带来的挑战，通过构建分布鲁棒优化模型，有效处理多源输入下的动态最优潮流问题，提升系统运行的安全性和经济性。文中详细阐述了模型的数学 formulation、求解算法及仿真验证过程，并提供了完整的Matlab代码实现，便于读者复现与应用。该研究属于电力系统优化调度领域的高水平技术复现，具有较强的工程实用价值。; 适合人群：具备电力系统基础知识和Matlab编程能力的研究生、科研人员及从事电力系统优化调度的工程技术人员，尤其适合致力于智能电网、鲁棒优化、能源调度等领域研究的专业人士。; 使用场景及目标：①用于电力系统多源环境下动态最优潮流的建模与求解；②支撑含可再生能源接入的电网调度决策；③作为鲁棒优化方法在实际电力系统中应用的教学与科研案例；④为IEEE118节点系统的仿真研究提供可复现的技术支持。; 阅读建议：建议结合提供的Matlab代码逐模块分析，重点关注不确定变量的分布鲁棒建模、目标函数构造及求解器调用方式。读者应具备一定的凸优化和电力系统分析基础，推荐配合YALMIP工具包与主流求解器（如CPLEX、Gurobi）进行调试与扩展实验。
云计算电子教材【物联网与云计算】基于传感器网络与RFID技术的智慧城市应用：云计算支撑下的物联网体系架构与产业融合发展
01-01
内容概要：本文系统介绍了物联网与云计算的基本概念、发展历程、技术架构、应用场景及产业生态。文章阐述了物联网作为未来互联网的重要组成部分，通过RFID、传感器网络、M2M通信等技术实现物理世界与虚拟世界的深度融合，并展示了其在智能交通、医疗保健、能源管理、环境监测等多个领域的实际应用案例。同时，文章强调云计算作为物联网的支撑平台，能够有效应对海量数据处理、资源弹性调度和绿色节能等挑战，推动物联网规模化发展。文中还详细分析了物联网的体系结构、标准化进展（如IEEE 1888、ITU-T、ISO/IEC等）、关键技术（中间件、QoS、路由协议）以及中国运营商在M2M业务中的实践。; 适合人群：从事物联网、云计算、通信网络及相关信息技术领域的研究人员、工程师、高校师生以及政策制定者。; 使用场景及目标：①了解物联网与云计算的技术融合路径及其在各行业的落地模式；②掌握物联网体系结构、标准协议与关键技术实现；③为智慧城市、工业互联网、智能物流等应用提供技术参考与方案设计依据；④指导企业和政府在物联网战略布局中的技术选型与生态构建。; 阅读建议：本文内容详实、覆盖面广，建议结合具体应用场景深入研读，关注技术标准与产业协同发展趋势，同时结合云计算平台实践，理解其对物联网数据处理与服务能力的支撑作用。
新的一年的第一份代码~新年祝福~加油~~
01-01
看到一个弹窗代码想试试，结果开会员才允许复制（；´д｀）ゞ 得，那我自己拿AI编了类似的，不过美观方面确实和那收费还有很大差距。 o(*￣▽￣*)ブ
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值