位置: 编程技术 - 正文

Position属性之relative用法(position属性含义)

编辑:rootadmin

推荐整理分享Position属性之relative用法(position属性含义),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:position属性absolute,position属性常用属性值,position属性absolute,position 属性,position relative属性,position属性absolute,positions属性,position relative属性,内容如对您有帮助,希望把文章链接给更多的朋友!

Relative是position的一个属性,是相对定位。

position的默认值是static,(也就是说对于任意一个元素,如果没有定义它的position属性,那么它的position:static)

如果你想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方,应该给#demo相对定位,#sub绝对定位。

absolute是相对于自己最近的父元素来定位的,如果你不给#demo相对定位,那么#sub的绝对定位就是相对于body来定位的。

relative是相对于自己来定位的,例如:#demo{position:relative;top:-px;},这时#demo会在相对于它原来的位置上移px。

另:relative 不脱离文档流,absolute 脱离文档流。也就是说:relative 的元素尽管表面上看到它偏离了原来的位置,但它实际上在文档流中还是没变。absolute的元素不仅位置改变了,同时也脱离了文档流。

position:relative日常应用的时候一般是设置给position:absolute;的父层的,父层position:relative; 子层position:absolute;的话, 就是依照父层的边界进行定位的, 不然position:absolute 会逐层向上寻找设置了position:relative的元素边界, 直到body元素..

Position属性之relative用法(position属性含义)

写了个例子如下:

Html代码

static: 默认值。无特殊定位,对象遵循HTML定位规则

absolute: 将对象从文档流中拖出,使用left,right,top,bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。

如果不存在这样的父对象,则依据body对象。而其层叠通过z-index属性定义

fixed:未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范

relative:对象不可层叠,但将依据 left,right,top,bottom 等属性在正常文档流中偏移位置

以上所述是小编给大家分享的position属性之relative用法的全部叙述,希望大家喜欢。

基于JavaScript实现一定时间后去执行一个函数 在实际需要中可能需要规定在指定的时间之后再去执行一个函数以达成期望的目的,这也就是一个定时器效果,恰好在js中就已经给定了这样的一个函数

JS+JSP通过img标签调用实现静态页面访问次数统计的方法 本文实例讲述了JS+JSP通过img标签调用实现静态页面访问次数统计的方法。分享给大家供大家参考,具体如下:测试页面:test.html!DOCTYPEHTMLPUBLIC"-//W3C//DTDHT

JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解 zip.js是什么zip.js的github项目地址:

标签: position属性含义

本文链接地址:https://www.jiuchutong.com/biancheng/387216.html 转载请保留说明!

上一篇:CSS中position属性之fixed实现div居中(css中position的用法)

下一篇:基于JavaScript实现一定时间后去执行一个函数(基于JAVASCRIPT实现的可视化工具是)

  • 没有达到30万销量怎么办
  • 小规模纳税人税费会计分录
  • 入账价值 入账成本 入账金额
  • 企业大额融资贷款
  • 收到促销费方怎么做账
  • 固定资产折旧的会计处理
  • 科目期初余额的录入需要从上级科目开始
  • 结转本月工资薪金
  • 计提成本会计分录
  • 收到借款确认书模板
  • 复利现值和复利终值的计算
  • 购入但未开始使用的房产
  • 对同一家企业的定义
  • 三证合一后新老税号不符合
  • 资产折旧摊销扣什么税
  • 收到的发票开票人是管理员,这样可以吗?
  • 支票只能同城吗
  • 小规模开票后的分录怎么做
  • 处置其他权益工具投资会影响当期损益吗
  • 什么叫管理口径报表
  • 小型微利企业预缴
  • 小规纳税人租金可以记入成本吗
  • 东芝t351笔记本
  • 主营业务成本与其他业务成本的区别
  • 汽车销售私下收客户红包
  • 在电脑上网页打不开怎么办
  • 域名停靠是病毒吗
  • 收到对方公司开出发票如何做账
  • 咨询服务费怎么报印花税
  • 银行复利息合法吗?
  • msg0.db是什么文件
  • php远程命令执行
  • 土地增值税的收费标准
  • 企业所得税的税率是多少
  • uniapp微信小程序上传文件
  • 增值税常见账务处理方法
  • iframe内嵌页面
  • 现金折扣优惠
  • 网上打印企业征信流程
  • 增值税税收滞纳金哪里缴纳
  • linux杀死程序
  • css3知识总结
  • ssh非交互式登录
  • ps笔刷在哪里调
  • 暂时性差异可以计入哪些科目
  • 外埠存款通过哪个会计账户核算?
  • 合并报表少数股东权益抵消分录
  • 新医院会计制度采用什么预算方法
  • 企业生产过程中执行标准要把握好以下原则
  • 想要上海名媛群群号
  • 织梦cms要钱吗
  • chrome插件开发拦截ajax
  • 收益相关的政府补助账务处理
  • 费用报销单里的类别怎么填
  • 增值税发票查询全国统一发票查询平台
  • 核电站弃置费用通常多少钱
  • 应收款项减值讲解视频
  • 长期股权投资的账务处理
  • 注销退税后又补税了
  • 房地产企业扣除土地价款如何申报
  • 工地零电零水布置图
  • 员工工资怎么核算
  • 典当行收房产证吗直接可以拿钱吗
  • 机票的抵扣进项税的注意事项
  • 企业应当设立什么负责企业安全生产的日常监督管理工作
  • mysql中字符串函数
  • windows8装.NET 3.5时出现0x800F0906错误解决方案
  • adsl怎么设置上网
  • linux 删除 用户
  • tplinkwr740n设置
  • node. js教程
  • Python实现Mysql数据库连接池实例详解
  • linux shell有什么用
  • unity3d颜色
  • jquery自带的弹出框
  • Python中的def
  • 江苏税务新办企业套餐
  • 开发区税务局咨询电话
  • 理财持有时间
  • 民营非盈利医院能转让吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设