位置: 编程技术 - 正文

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

  • 金税盘税务申报
  • 会计制度方法
  • 六个点的税率是小规模吗
  • 模具费进研发费用还是成本
  • 税控盘怎么增加专票
  • 广告策划费会计分录
  • 国际贸易公司注册需要什么条件海南
  • 房产证印花税如何计算
  • 进口设备在海关处保存2年出售时 计算税怎么算
  • 伤亡保险是什么意思
  • 福利费可以抵扣个税吗
  • 印花税应税凭证填是还是否
  • 营改增开票规定
  • 河道工程维护费按什么标准计提
  • 收到以前年度退所得税分录
  • 出口业务增值税免抵税额
  • 月工资和账户工资区别
  • 开办期间的税控设备怎么入账?
  • 当月认证下月抵扣
  • 产值和营业收入哪个数值大
  • 2019年核定征收税率表
  • 以前年度损益调整借贷方向
  • 财务原始凭证
  • 赔绿化损失费的法律依据
  • 个体户一般纳税人可以开13个点的专票吗
  • php变量如何定义
  • windows11如何关闭病毒和威胁防护
  • 未开票的销售收入分录
  • 存货的核算方法
  • php r
  • 装修未办理施工许可证怎么处罚
  • 青龙面板搭建教程
  • 办公楼改造方案
  • thinkphp自定义标签page
  • 处置长期股权投资产生的收益计入什么科目
  • vue 响应式自适应布局
  • flutter项目怎么运行
  • aida理论包括哪些内容?
  • sysctl命令配置主机名
  • 小规模企业逾期是微信扫码付款吗
  • 资本公积常用的计量方法
  • 税控盘抵扣怎么做账
  • 收益相关的政府补助账务处理
  • 发票说明格式
  • 委托加工的材料成本是否含增值税
  • 个人出租房屋需要缴纳个税吗
  • 在校大学生可以考教师资格证吗
  • 拍卖行业收取手续费多少
  • 餐饮娱乐服务员
  • 先收票后收货
  • 公司交残保金是什么意思
  • 预付款项怎么做分录
  • 收到社保局返还的各类社保款项应从哪个表单发起
  • 小规模企业发票税率是多少
  • 小规模其他业务收入交多少税率
  • 建立明细账的操作步骤
  • win10系统问题怎么修复
  • xp系统中文语言包
  • 屏幕右下角显示A2
  • xp系统本地用户和组在哪里
  • 苹果Mac系统怎么切换输入法
  • “explorer.exe”进程文件
  • win10系统怎么设置不锁屏和休眠
  • windows8鼠标点击右键反应慢咋回事
  • 生成系统健康报告怎么弄
  • 今日推送是什么
  • 什么是selinux
  • win1020h2版本是正式版吗
  • cocos creator构建发布
  • cocos游戏开发教程
  • 服务器安全设备
  • jquery怎么设置宽度
  • android客户端开发是干嘛的
  • Unity for Absolute Beginners(二)
  • 关于两个人感情文案
  • 置顶聊天折叠怎么开启
  • 遍历字符串python
  • jquery详解
  • ca证书网上申请
  • 服务合同需要交个人所得税嘛
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设