Абсолютно расположенные поля элементов перемещают другие элементы
Мне нужно анимировать поля ввода формы, не затрагивая позиции любого другого элемента. Поэтому я дал все входы position: absolute для всех входов в форме.
Тем не менее, это создало проблему для меня: все входы придерживаются близко друг к другу, и если добавить margin-top: 40px для них это влияет на все входные данные как на один элемент, а не разносит их индивидуально.
Как раздвинуть все элементы ввода по отдельности?
2 ответа
Если ваши элементы расположены абсолютно, используйте их позиции, чтобы разнести их.
Любое добавляемое поле просто увеличивает каждый элемент, но не влияет на его фактическое положение.
Обратите внимание, что вы можете упростить для себя задачу, обернув элементы в DIV, а затем анимируя положение всего DIV одновременно. Но затем, как сказали выше комментаторы, мы не уверены, чего именно вы пытаетесь достичь.
Это звучит как позиция: относительное было бы лучшим решением для изменения поля ввода формы, не затрагивая ничего другого. Абсолют выводит его из потока, но с помощью относительного вы можете перемещать элементы, не влияя на другие элементы.