没有顶部，右侧，左侧，底部的“位置：相对”是什么？

Question

我正在学习和研究一些最受欢迎的网站的HTML / CSS代码，我发现其中大多数都有“位置：相对”属性，没有通常的顶部，左侧，右侧，底部属性。

这会以某种方式影响页面流，还是像静态属性一样？

Answer 1

简短回答：position: relative成为定位元素：

• 这将主要影响它的子元素，现在相对于此元素position: absolute，而不是HTML。 （感谢Michael_B）
如果沿层次结构没有固定宽度，则
• width: xx%也与此父元素相关。
• z-index现在可以使用此元素。

Answer 2

为元素定义绝对位置时。它将基于最近的相对父级的位置。如果没有相对父级，则该位置将基于窗口页。