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 ...
一周排行
  • 目前文件夹d:\clu_1下有99个文件夹,名字为0,1....99,每个文件夹下又有25个文件夹,文件夹名为0,1,....24,其下其下又有以日期命名的文件夹(如20140521),最后是zip文件.如一个zip ...
  • 之前看了CPP,敲过些代码,但总觉得学得不够系统,书后面的习题比较无聊,不想去写.C主要在学数据结构和理解底层上面很有帮助. 于是又来mooc学习C语言,看了下视频虽然很繁琐啰嗦,但是有些东西我确实以前没注意. 第一 ...
  •   读<Effective Java>的一些收获,会持续添加.   Integer和 int的区别: int是 Java基本数据类型,表示一个整型值.Integer是对 int基本类型的一个封装(每一个 ...
  • 我很少在自己的Blog上推荐什么.一则是怕推荐错了,二者是怕耽于自己的个人喜欢,扰了别人的视听.所以我的链接里头, 除了老婆.自己,就剩下一个Hello World了. 但现在我要正式地做个推荐.是关于一篇文章的,因 ...
  • 最近为一客户部署了一个开发测试环境的Hyper-V集群,由于客户是前几年购买的License,只能用于Windows Server 2012,因此不得已为客户部署了Windows Server 2012 Standa ...
  • 什么是索引 拿汉语字典的目录页(索引)打比方:正如汉语字典中的汉字按页存放一样,SQL Server中的数据记录也是按页存放的,每页容量一般为4K .为了加快查找的速度,汉语字(词)典一般都有按拼音.笔画.偏旁部首等 ...
  • 1 $(function() { 2 //获取class为caname的元素 3 $(".caname").click(function() { 4 var td = $(this); 5 var ...
  • 上机代码: #include <cstdio> #include <cstring> #include <algorithm> using namespace std; #defi ...
  • http://www.iconfont.cn/
  • 继捷豹路虎.一汽大众奥迪.梅赛德斯奔驰先后宣布下调相关车型及零配件价格后,克莱斯勒也于昨日宣布调整部分产品及零配件价格,其中零配件价格下调20%.而上述车企做出如此举动,均称为回应国家发改委价格监督检查与反垄断局针对 ...