位置: 编程技术 - 正文

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

  • 解除劳动一次性补偿金怎么记账
  • 不动产租赁开票税目
  • 母公司帮子公司偿还债务
  • 费用已支付但发票未收可以先记费用吗
  • 资产负债表中其他流动资产包括哪些科目
  • 行政单位明细账包括哪些
  • 应缴国库款和应交税款
  • 限售股所得税的优惠政策
  • 小规模纳税人开具1%增值税专用发票可以抵扣吗
  • 增值税扣完税款还能更改吗
  • 印花税在什么情况下需要申报
  • 购买健身器材需要注意什么
  • 奖金能否和工资一起发放
  • 本年利润结转到利润分配是每月都结转还是年底结转
  • 为什么我的win10
  • 电脑进步了系统
  • 银行承兑汇票开出后可以撤销吗?
  • 电脑取消共享文件夹
  • 营改增项目
  • 死亡谷景点
  • 农民工的职业培训
  • php定义字符串的三种方式
  • elementui表格自定义排序
  • Es6的新特性promise对象的设计初衷是
  • vue前端面试官常问的问题
  • 水利基金忘记申报怎么查
  • 承兑汇票贴现会计分录怎么做
  • 新购买的发票如何读取
  • 财务报表不申报可以领票吗
  • 辅助生产车间工人工资计入
  • 年收入1500万是富人吗
  • 预付卡发票如何开
  • 当月纳税申报期是什么意思
  • 增值税专用发票和普通发票的区别
  • 计算企业所得税分录
  • 库存现金写三栏式明细账还是写现金日记账还是两个都写
  • 免税销售额和本期免税额
  • 简易征收的项目进项税可以抵扣吗
  • 速动比率和流动比率的关系
  • 电费应收和实收怎么算
  • 资本公积现金流量表里放在哪里
  • 卖固定资产如何做账
  • 机场员工家属机票
  • 超市现金券模板
  • 酒店支付模式
  • 一般纳税人只有销项没有进项
  • 代持的股份
  • 投资收益科目在借方
  • 建筑材料检测费入账科目
  • 如何设置固定资产二级联动下拉菜单
  • 填写记账凭证内容摘要的三个要素
  • sql server数据库怎么导出
  • 不固定参数的存储器
  • xp无法创建目录或文件
  • mac 邮箱
  • mac如何在桌面显示我的电脑
  • mac硬盘的常见问题及解决
  • 如何打开音量控制器
  • 让xp系统自动修复软件
  • win8如何更改用户名字?
  • win7 蓝屏1e
  • win10系统开机自动还原
  • win7运行老游戏方法
  • win10取消uac
  • backtracker
  • cocos2dx webview
  • 游戏编程设计模拟软件
  • nodejs获取post数据
  • Broadcast实现强制下线功能
  • 怎么用unity做游戏
  • 讯飞src
  • linux shell 进程
  • typeof的缺点
  • python模块怎么用
  • unity struct
  • python中的stringvar
  • 西安市经开区管委会官网
  • 广东电子税务局中山税务局网
  • 小汽车碰撞游戏视频
  • 收到发票需要代签吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设