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 ...
一周排行
  • 使用win系统时我们发现下载来的驱动程序无法安装,显示没有数字签名.该怎么解决这个问题呢?下面脚本之家小编就给大家带来Win10系统遇到驱动需要数字签名无法安装问题的解决方法,一起来看看吧 Win10系统遇到驱动需要 ...
  • 在java下习惯了String.subString(start,end) 然后再golang继续敲substring木有了,看了下代码,也是原生支持的 但是百度发现有些人竟然把字符串转成字符数组再根据下标取,简直误人 ...
  • 神秘"伊朗网军"反攻美国 3月的伊朗气候依旧寒冷.对于大多数伊朗人来说,当日唯一有点特别的地方,是几个平时非常活跃的网站打不开了,但这并没有引起太多人的注意.然而,平静之下暗流涌动.这一天,伊朗革 ...
  • (1) Linux是多用户系统,每个系统用户都需要使用用户名和口令.系统为每个登陆用户在/home目录下建立一个与用户名同名的子目录(root用户的主目录为/root)作为用户登陆的起点,用户可以在自己的主目录下创建 ...
  • 新疆新联运公司为了有效管理货运.客运.旅游包车等广大的业务范围,新联运集团开始寻求安全.高速.且相对建置成本较低的企业VPN网络建设,希望凭借高效能的信息化建设,能够加速以及更加轻松的管理庞大的业务信息流,进而成为全 ...
  •   学习作者如何分层作画,最好的办法就是研究他的PSD!<ignore_js_op> <ignore_js_op> <ignore_js_op> <ignore_js_op& ...
  • 软件下载地址:http://www.flashcom.com.cn/tools/FlashMediaServer2.rarflashmediaserver2(FMS2)下载+无限制序列号 (英文版,无限制版 PS:A ...
  • 今天在博客园看到一个题目, C# 算兔子的算法 要求用递归,面试题 为简单,我用JS写了一个求解,没有使用递归,先说下题目: 一对小兔子一年后长成大兔子:一对大兔子每半年生一对小兔子.大兔子的繁殖期为4年,兔子的寿命 ...
  • Option id Length(字节) 描述 1 4 Subnet Mask 3 n*4 Router(网关) 6 n*4 DNS Server 7 n*4 Log Server 26 2 Interface MT ...
  •   在哈尔滨工程大学六年,我在学校电子创新实验室呆了四年,这四年里创新实验室给我提供了良好的学习环境和完善的实验设备:在与众多电子爱好者的交流中,使我学到了更多的专业知识:在学校老师们的教导下,让我学会了如何做一名合 ...