Html CSS相对位置，推送元素

我真的不明白

（学校计划） 我曾经把我所有的css设置为

位置：绝对

所以我没有遇到这个问题，但是由于portview在屏幕大小上发生了变化，我想要一些能够自我调整的东西，所以我决定将位置从绝对位置更改为相对位置，问题是，在我做了这个更改之后，所有元素相互推动，一些元素无法放置在我想要的位置

我有一些猜测，但我真的不确定

也许是因为标签

z指数

我也知道我所有的元素都被设置为0%的顶部和2%的左侧，这是为了测试的目的，它不会改变任何东西。好的

左：5%

起作用，但例如

#statistiques右
顶：0%
不起作用，它在每个div之后都会出现

当我退出时，css文件变得凌乱，我尝试了所有方法来解决我的问题。
如果有人能帮助我理解，引导我走向正确的方向，我将非常感谢你的建议，除非你真的需要（例如情态动词），否则不要使用
position
。网站的“内容流”意味着元素的位置是基于它们上面的元素。例如，如果需要两个元素之间的空格，请使用
填充
或
边距
。如果需要列，请使用
flex
或
网格。
此处的结论是，删除所有
位置
s，如果需要固定任何元素，请在不使用
位置
的情况下对其进行固定。