静态和相对位置之间的差异

在CSS中，静态（默认）定位和相对定位之间有什么区别？

静态定位是元素的默认定位模型。它们显示在页面中，作为标准HTML流程的一部分呈现。静态定位的元素不服从left，top，right和bottom规则：

相对定位，可以指定一个特定的偏移量（left，top等等），这是相对于在HTML流动的元件的正常位置。因此，如果我的文本框内有一个文本框，则div可以在文本框上应用相对位置，以使其显示在相对于通常放置在的位置的特定位置div：

还有绝对定位-您可以在其中指定元素相对于整个文档的确切位置，或者在元素树中指定下一个相对定位的元素：

当将aposition: relative应用于层次结构中的父元素时：

请注意，绝对位置元素是如何由相对位置元素绑定的。

最后是固定的。固定位置将元素限制在视口中的特定位置，该位置在滚动过程中保持在原位：

您可能还会观察到固定位置的元素不会导致滚动的行为，因为它们不被视口绑定：

而绝对放置的元素仍受视口约束，并会导致滚动：

..除非您的父元素当然overflow: ?用来确定滚动的行为（如果有）。

通过绝对定位和固定定位，可以将元素从HTML流中删除。

您可以在这里看到一个简单的概述：W3School

另外，如果我没记错的话，在声明一个相对的元素时，默认情况下它会保留在其他位置，但是您可以相对于此元素将元素相对于其中的绝对位置定位，这对我来说非常有用在过去。

回答“为什么CSS仍将实现位置：静态；” 在一个场景中，为父级使用position：relative和为子级使用position：absolute限制子级的缩放宽度。在水平菜单系统中，您可能会有链接的“列”，使用“ width：auto”不适用于相对的父级。在这种情况下，将其更改为“静态”将允许宽度根据其中的内容而变化。

我花了好几个小时，想知道为什么我不能让我的容器根据其中的内容量进行调整。希望这可以帮助！

相对位置允许您使用上/下/左/右进行定位。除非使用margin参数，否则Static不允许您这样做。Top和margin-top之间有区别。

您无需使用太多静态值，因为它是默认值

相对位置是相对于正常流量。该元素的相对位置（带有偏移量）相对于该元素正常移动（如果不移动）的位置。

Matthew Abbott有一个很好的答案。

绝对和相对定位的项服从top，left，right和bottom命令（偏移），其中静态定位的内容没有。

相对定位的项目会偏离它们通常在html中的位置。

绝对定位的项目将偏移文档或DOM树中下一个相对定位的元素。

静态： 静态位置元素是我们通过DEFAULT（对象的正常位置）获得的。

相对： 相对于当前位置，但可以移动。或相对定位元素相对于ITSELF定位。

静态和相对是位置属性。相对用于许多用途。不适合一个。但是请记住，静态和相对不会损害HTML的正常文档流程。当您将任何元素写入HTML时，static是默认位置。如果元素具有相对位置，则该元素可以相对于其原始位置进行定位。当您想从较小的空间调整元素时，请使用相对位置，这样，如果元素具有相对位置且具有子元素，则无需添加边距，填充等。在这里，我们可以相对于其父级进行测量。如果为子级添加10％的宽度，则意味着（width + padding）x10％。但是如果不添加相对关键字，则得到的宽度为10％。除此之外，亲戚最重要的用法是：您可以将任何元素置于其顶部。