css - 要素の余白を絶対に配置すると、他の要素が移動します

Question

他の要素の位置に影響を与えることなく、フォーム入力のマージンをアニメーション化する必要があります。position: absoluteそのため、フォームのすべての入力にすべての入力を与えました。
ただし、これにより問題が発生しました。すべての入力が互いにくっついており、margin-top: 40pxそれらに a を追加すると、すべての入力が個別に間隔を空けるのではなく、1 つの要素として影響を受けます。

すべての入力要素を個別に間隔をあけるにはどうすればよいですか?

Answer 1

私には position: relative のように聞こえますが、他に影響を与えずにフォーム入力のマージンを変更するためのより良い解決策です。絶対はフローから外しますが、相対を使用すると、他の要素に影響を与えずに要素を移動できます。