fixed定位与absolute定位

相同点:

1、fixed定位和absolute定位都是绝对定位

2、fixed定位和absolute定位都脱离了标准文档流,

3、未设置偏移量时,都定位在父元素的

tip:元素设置相对定位或绝对后,就具有了偏移属性和堆叠属性Z-index,属性值越大,越靠上

 

不同点:

fixed定位:

设置偏移量后:无论有无已经定位的祖先元素,都相对于浏览器窗口进行偏移

未设置偏移量:以其父元素为基准定位,会继续包含在父包含块中。

表现形式:位置固定,不会随滚动条变化;被他遮盖的元素,可以从其下穿过。

absolute定位:

设置偏移量时:无已定位的祖先元素,以<html>为基准偏移;有已经定位的祖先元素,以距离其最近的、已定位的祖先元素为基准偏移

表现形式:位置随滚动条变化

 

更多相关文章
  •   简要描述: web迅雷在设计上和实现上存在问题,导致恶意攻击者可以读取安装有web迅雷的用户机器上的任意文件   详细说明: web迅雷在本机存在有一webserver,并且绑定在0.0.0.0上,同时对于web请求处理并不恰当,存在安全缺陷导致恶意攻击者可以构造请求读取用户机器上的任意文件. ...
  • 每经记者 张斯 发自北京北京时间5月22日晚,中国最大的自营式电商企业京东集团(以下简称"京东")正式在纳斯达克证券交易所挂牌交易,股票代码为"JD".京东董事局主席刘强东敲响上市钟,开盘价21.75美元,较发行价19美元上涨14%,按此计算,京东市值为297 ...
  • 7月28日,有当当网用户向记者爆料称,在当当网下单买书后仅一天,个人信息就被骗子掌握,骗子利用详细的订单信息博取自己的信任,引导自己进入假网站,输入银行信息后,被转走约十万元.当当网对此回应称,可能是用户邮箱被盗导致信息泄露. 买书信息成诱饵,用户掉进假网站陷阱 7月25日上午,深圳的郭先生在当当网 ...
  • 易网科技讯 9月28日消息,据彭博社报道,周一IBM宣布收购位于加州圣克拉拉的未上市公司Blade网络科技.IBM未透露交易金额,但有传闻称为4亿美元. Blade生产用于连接公司数据中心服务器电脑的产品,包括刀片服务器.交换机和软件.该公司的客户有摩根士丹利.Comverse等,并与惠普.博通等公 ...
  • 天才=99%汗水+些许来自于99%汗水付出之后蹭出的灵感. 无意间读得此引文,有些感触.感觉本文论述有辩证,且与本人观点较为一致,故特别引来,谨以此文赠给那些想学或者正在学习JS并努力成为时下急需的JS开发高手(或者客户端或者服务器端)的朋友. 原文:http://www.2cto.com/kf/2 ...
  • 我在官方论坛发的帖子终于有人恢复了,也终于知道如何添加本地化包了.在Ext JS 6中,Ext JS属于经典工具包,而本地化是包含在经典工具包中,因而在app.json中,要添加本地化包,必须在classic成员中添加,代码如下: "classic": { "js&qu ...
一周排行
  • 今天开始会和大熊君{{bb}}一起着手翻译node的系列外文书籍,大熊负责翻译<Node.js IN ACTION>一书,而我暂时负责翻译这本<Hands-on Node.js>(下载),为方 ...
  • 1.先上段代码                                                                                                     ...
  • Code/** * Created by LT on 2013/6/16. * Common.js * 对原生JS对象的扩展 * Object.Array.String.Date.Ajax.Cookie */ ;(f ...
  • 安卓横屏布局设置: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layo ...
  •  基本要求 1.具有计算机的基础知识.2.了解操作系统的基本概念,掌握常用操作系统的使用.3.掌握基本数据结构和常用算法,熟悉算法描述工具--流程图的使用.4.能熟练地使用一种高级语言或数据库语言编写程序.调试程序. ...
  • 易网科技讯 3月6日消息,据国外媒体报道,面对诸多股东的批评与非议,戴尔董事会再发声明称公司将坚持私有化进程,并称估值合理.戴尔董事会表示,其独立委员会就公司目前的风险.机遇以及战略抉择进行了评估,并对诸如拆分公司业 ...
  • 易网科技讯 2月24日消息,中国联通与阿里巴巴于2月23日签署战略合作协议.根据协议,双方将在基础通信服务领域.互联网及基于WCDMA制式的3G无线互联网增值业务领域开展深度合作. 据悉,中国联通与阿里巴巴的战略合作 ...
  • oracle中的数据字典   静态数据字典中的表不能直接访问.但可以访问数据字典中的视图.静态数据字典中的视图分为3类,USER_.ALL_.DBA_. 3类视图数据有重叠,除了访问范围不一样之外,其他均具有一致性. ...
  • (此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 题记:今天的内容是我的一个简单总结,希望让没有任何经验的入门产品经理对产品设计和需求分析有一个大致的了解.当 ...
  • 红黑树2