位置: 编程技术 - 正文

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实现的可视化工具是)

  • 怎么添加临时办社保卡
  • 什么是税收超额征收
  • 职工意外伤害险赔偿范围
  • 记账凭证银行利息该怎么记凭证
  • 砂石行业一般纳税人税率多少?能简易征收吗?
  • 安装费发票备注栏怎么填
  • 建筑行业增值税税负率计算公式
  • 养蜂合作社怎么申请补贴
  • 同一控制下企业合并和非同一控制下企业合并的区别
  • 个体工商户如何注册
  • 修理费没有发票怎么做账
  • 打款到另外公司作为投资款的会计分录怎么做?
  • 利息费用需要取消吗
  • 技术开发合同可以开专票吗
  • 电子发票如何报销做账
  • 利得一定会影响利润吗
  • 食堂购买的固定资产可以一次性加计扣除吗
  • 原材料总分类账怎么写
  • 公司出租商铺要交哪些税
  • 工会经费申报网址是什么
  • 企业存货跌价准备一经计提在以后会计期间不得转回
  • 经营性租入的固定资产需要计提折旧吗
  • 自己去税务局开票怎么开
  • 应收款的周转天数
  • 法人向公司借款用途怎么写
  • 兼职人员工资个税怎么申报
  • 建筑劳务公司开票税率是多少
  • mac如何强制退出全屏
  • linux 运行php脚本
  • php问卷调查系统课程设计
  • 以前年度应付账款转收入
  • ixapplet.exe - ixapplet是什么进程 有何作用
  • 税控机抵减增值税税额
  • 车船税怎么计账
  • 存货资产减值损益怎么算
  • 变更营业执照中心怎么改
  • 工程预付款抵扣是什么意思
  • 企业无偿借款的税务处理
  • php array操作
  • html作业做网页
  • element-ui 表格
  • php zmq
  • 最好用的电脑强力卸载软件
  • phpcms怎么修改模板风格
  • 股东出资方式包括
  • 库存盘点差异分录
  • 网页开票流程图解
  • 公司租用员工的车需要发票吗
  • c语音中static
  • 帝国cms商城教程
  • 分公司非独立核算怎么报税
  • 水利基金的计税税率6
  • 库存商品暂估入库是什么意思
  • 金税四期可以查到闭环开票信息吗
  • 计提费用收到发票怎么做
  • 银行汇票计入什么会计科目
  • 政府预算会计的会计科目
  • 以非现金资产清偿债务的方式下,债权人
  • 加班费是计入应交税费吗
  • 报销费用余额退回
  • 会计调整以前年度遗留问题查不出来说明怎么写
  • 收到客户账款会计分录
  • 房地产企业收到政府补助
  • 给股东分利润怎么做账
  • 建账前应该考虑哪些问题
  • win7声卡怎么升级
  • 怎么恢复被破坏的文件
  • grub4dos linux
  • 使用jquery操作dom
  • opengl教程48讲
  • linux for i in
  • div遮罩层整个页面
  • 数据结构分析时间复杂度
  • python编写下载器
  • js跨域请求有哪些方式
  • unity引擎工具
  • 领导班子和领导干部的区别
  • 江西省税务局发票查询系统
  • 企业注销认缴与实缴是否还有风险
  • 电子税务局申报流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设