CSS绝对定位元素和边距

Question

我有权断定CSS边距（例如margin-left）会影响绝对位置元素的最终位置吗？它似乎是一个负边缘 - 左边是拉（它的绝对位置），右边是一个正值（它的绝对位置）。

有人可以向我解释一下绝对定位元素和边距的组合吗？

感谢。

Answer 1

正确。边距影响绝对定位元素的边缘开始。

Answer 2

让我们这样理解：

如果您有statically-positioned元素，则该元素是文档正常流程的一部分。因此，应用于其上的任何边距都被视为“与其周围元素有关”。

如果您有relatively-positioned元素，则该元素仍然是文档正常流程的一部分。因此，任何应用于它的边距仍被视为“与其周围元素有关”。

，但

如果您有absolutely-positioned元素，则该元素将从正常文档流中取出。此元素的定位现在由第一个父容器决定，该容器不是静态定位（或顶级body元素作为后备）。因此，当您应用保证金时，父容器将被视为“周围元素”，而保证金将以“相对于它”计算。

希望这有帮助。