css中的相对位置，没有顶部和右侧提及答案

【问题标题】：position relative in css without top and right mentioncss中的相对位置，没有顶部和右侧提及
【发布时间】：2016-01-07 20:08:14
【问题描述】：

.classname {
       position: relative;
}

css 中的相对位置，没有左上角和底部提及，

我读到这不会改变任何位置，而是在某些网页上写位置：relative;没有右上左下提及，如果我删除“位置：相对；”然后位置会改变。我可以知道“位置：相对；”的确切用途，而无需左上角和底部提及。

【问题讨论】：

任何具有相对位置的 div 在添加右上角时都没有效果。
你能不能在这里复制一下结果，我们可以告诉结果的原因。

标签： html css position css-position

【解决方案1】：

这种类型的定位可能是最令人困惑和误用的。它的真正含义是“相对于自身”。如果你在一个元素上设置 position: relative; 但没有其他定位属性（上、左、下或右），它根本不会影响它的定位，它会完全一样如果您将其保留为位置：静态；但是如果你给它一些其他的定位属性，比如说，top: 10px;，它会将它的位置从它通常的位置向下移动 10 个像素。我相信您可以想象，根据元素的常规位置移动元素的能力非常有用。我发现自己多次使用它来排列表单元素，而这些元素往往不想按照我想要的方式排列。

设置位置时还会发生另外两件事：相对；在您应该注意的元素上。一是它引入了在该元素上使用 z-index 的能力，这实际上不适用于静态定位的元素。即使您没有设置 z-index 值，该元素现在也会出现在任何其他静态定位元素的顶部。您无法通过在静态定位的元素上设置更高的 z-index 值来对抗它。发生的另一件事是它限制了绝对定位子元素的范围。任何相对定位元素的子元素都可以绝对定位在该块内。

【讨论】：

在最后一行...更准确的说法是“任何绝对定位的元素是相对定位元素的子（或后代）都可以定位在中与“父”元素的关系”.

【解决方案2】：

在父元素上设置相对位置最广为人知的用途是定位子元素，设置为绝对位置，相对于父元素位置。

【讨论】：