css - 绝对定位的元素边距移动其他元素

Question

我需要在不影响任何其他元素位置的情况下为表单输入的边距设置动画。所以我position: absolute为表格中的所有输入提供了所有输入。
然而，这给我带来了一个问题：所有的输入都粘在一起，如果margin-top: 40px给它们添加一个，它会影响所有的输入作为一个元素，而不是单独地将它们分开。

如何单独分隔所有输入元素？

Answer 1

如果您的元素是绝对定位的，请使用它们的位置来分隔它们。

您添加的任何边距只会使每个元素变大，它不会影响元素的实际位置。

请注意，您可以通过将元素包装在 DIV 中然后立即为整个 DIV 的位置设置动画来使事情变得更容易。但是正如上面的评论员所说，我们不确定你到底想要达到什么目的。

Answer 2

在我看来，这听起来像是 position: relative 将是修改表单输入边距而不影响其他任何内容的更好解决方案。Absolute 将其从流程中移除，但使用 relative 您可以移动元素而不会影响其他元素。