给一切相对位置有什么影响？答案

【问题标题】：What is the effect of giving everything position relative?给一切相对位置有什么影响？
【发布时间】：2016-12-06 10:19:47
【问题描述】：

我正在查看一些示例 CSS / HTML 并发现：

*, *:before, *:after {
    position: relative;
}

看来这条规则会显着改变布局。

这条规则背后的想法是什么？

【问题讨论】：

除非使用定位值，否则基本上什么都没有。它确实具有强制（我相信）z-index 计算的效果，但总的来说它是没有意义的。
在赋予所有内容相对位置时，您期望什么效果？作为这些事情要注意它...
这会产生很多影响（可能超出在 Stackoverflow 答案中的合理范围），我想不出任何我认为“好”的东西。我不能告诉你写这篇文章的人在想什么，但他们可能没有想到（并且知道 CSS）足够。
@Quentin 我知道我的 CSS 并且不同意 - 我想听听您正在考虑默认启用定位的缺点。我只能想到一种我会使用静态的情况（让孩子与它的父母亲相关）。

【解决方案1】：

您可以指定从当前位置到您需要的每个元素位置（上、左、右、下）。我需要 elm 的示例在 10 像素的顶部：

elm.myclass {position: relative; top: -10px;}

为了更好地指定位置，请使用display:flex;

【讨论】：