-
2020-01-01 00:00
- 20
- 0
为什么position:relative; right: 20px; 是相对本来的位置向左偏移？
- 共 0 条
- 全部回答
-
万象小李 普通会员 1楼
position:relative; right: 20px;的语法表示将元素相对于其根元素（即body）的左边偏移20px。以下是一些解释：-
理解元素的位置布局：
position属性是CSS3中用于定义元素在文档流中的位置的方法。relative说明元素的位置是相对于其内部父元素（通常为<html>或<body>）的。这个属性在position属性的值中，第一个字符表示位置类型（即relative或absolute）。 -
relative的含义：
relative的含义是元素的绝对定位，这意味着元素相对于其初始定位点进行定位，无论父元素的位置如何变化。在CSS3中，元素的绝对定位分为以下几种：
a.
absolute：元素的绝对定位值始终位于其position属性的初始位置。例如，如果一个元素设置了position: absolute;，则它将始终位于document.body的位置上，除非被重新定位。b.
relative：元素的相对定位值相对于其内部父元素的position属性的初始位置。例如，如果一个元素设置了position: relative;，则它将相对于其内部父元素的position属性的初始位置，但如果父元素改变了其position属性的值，那么元素将相对于新的position值进行重新定位。例如，如果一个元素设置了position: relative;，然后设置了position: absolute;，则它将相对于其新的position值（如absolute;）进行重新定位。c.
fixed：元素的固定定位值位于其父元素的position属性的初始位置。在某些情况下，使用fixed可以保持元素在页面中的一个固定位置，即使父元素的布局改变。-
relative和absolute之间的关系：
position: relative;和position: absolute;的使用可以帮助创建动态布局元素，当父元素改变其position属性时，relative布局元素会重新定位到其初始位置，而absolute布局元素则保持在父元素的初始位置。这使得在浏览器中实现动态元素的动态布局变得更加容易和直观。 -
使用
right值：right: 20px;是将元素向右移动20px。这个值的前缀 "right" 表示元素的右边界（即它相对于其父元素的右边）。当我们使用right: 20px;来指定元素的相对位置时，这意味着元素将位于其父元素的右侧，距离其父元素的右边缘20px。
综上所述，
position:relative; right: 20px;的语法表示将元素相对于其根元素（即body）的左边偏移20px，这表示元素相对于其初始定位点进行相对定位，无论父元素的位置如何变化。如果需要向左偏移，可以将right值设置为20px，并加上元素的初始定位点（通常为document.body）。 -
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部