Css 静态元素和left和top设置为零的相对元素之间是否存在差异？

具有

位置的块元素：相对

通常用作绝对定位元素的包含元素。当我没有这样的块元素时，我通常会将静态元素更改为相对元素。这是否会改变除能够充当 绝对定位元素的容器

与

position: static;

和

position: relative;
left: 0;
top: 0;

---

除了上面提到的那个吗？

我能想到的一个区别是

具有

position:relative

的元素将遵循

z-index

属性

编辑：

如前所述，偏移特性

上、左、下、右

仅适用于定位图元（而非静态图元）

下面是一个（非直观的）应用程序，用于在相对定位的元素中使用此偏移量，这也可能会影响您决定在元素上设置

position:relative

注意：如问题中所述，当偏移量为0（即

顶部：0；左侧：0

）时，将不表示该值，但在使用

位置：相对

时，必须注意这一点

发件人：

以这种方式偏移长方体（B1）对以下长方体（B2）没有影响： 如下所示：B2被赋予一个位置，就好像B1没有偏移，B2没有偏移一样 应用B1的偏移后重新定位。这意味着相对的 定位可能会导致箱子重叠

看看这个

您可以看到，当我在静态元素上放置边距时，它影响了下面的

p

元素，但是当我在相对元素上使用定位时，下面的

p

元素保持不变

你可以省略

left: 0;
top: 0;

因为它们是

position:relative

和no的默认值，所以没有真正的区别，除非您不需要使用

top

、

left

或

z-index

值，并且不需要在其中绝对放置div，就不需要将其更改为

relative

还要记住，相对定位的元素在文档流中占据其

静态
位置

Relative
元素可以使用
z-index
，而
static
元素不能

顶部
，
右侧
，
底部
，
左侧
对定位元素没有影响

IE7需要
相对
位置，以便元素利用
溢出
。过去的堆栈溢出。还有，从

具有计算的z索引（而非“自动”）的定位元素将生成堆叠上下文（）。关于堆叠上下文行为的临床定义较少

元素本身以不同的形式出现（与其他元素比较）。
1。静态

position: static;

2。相对

position: relative;

position: absolute;

3。绝对值

position: relative;

position: absolute;

区别在于：

1-位置基于浏览器视口，这意味着如果无限滚动到任何方向都无关紧要，因为基本值仍然是视口

2-位置基于父视口，因此如果滚动到任何方向，元素可能会消失（除非父视口是静态的：D）

3-位置基于最近定位的父视口，即定义了位置（静态/相对/绝对）的任何元素

我希望这不会让你更困惑

lmao
位置之间的差异：（）


位置：静态
不接受左侧和顶部。静态用于覆盖某些场景的相对或绝对位置。如图所示

位置：相对
接受左侧和顶部，但相对于其正常位置。若并没有前面的元素，那个么就像你们在pic中看到的那个样，它的形式就是父元素

position:absolute
接受left&top但相对于父元素（如果position:relative define to parent元素），如图所示

所以
问题：“相对块和静态块之间有区别吗？”
答：是的：）

&

一个街区和另一个街区有区别吗

position: static;

及

回答：不
在
静态
和
相对
定位之间有两个非常大的区别。其中大多数是通过组件的名称最容易识别的。正如您所想象的，一个
静态的
定位组件将是静态的！您将无法控制使用
静态
、顶部
、
左侧
、
底部
和右侧的组件的位置，而是将其放置在最后一个组件的下方

另一方面，Relative是一个更好的解决方案，而且更有用。您可以使用
顶部
、
左侧
、
右侧
和
底部
进行定位，但定位仍位于最后一个组件的下方

此外，您无法控制
静态组件的
Z-Index
。但是，
相对定位组件的情况并非如此。在
静态组件上使用
Z-Index
不会产生任何影响，只会将组件放置在前面调用的组件下方

静态
定位非常类似于
相对
定位，没有所有的控制。如果您只想一个接一个地放置多个组件，而不必担心它们将如何定位。像这样：然后使用
静态
。但是，如果您希望将多个组件一个接一个地放置，并且能够定位组件（类似于t