Как работает абсолютное позиционирование?

Question

[Conera]

Добрый день, правильно ли в таком случае(на скрине) пользоваться позиционированием - наложить на инпут иконку отправки https://hsto.org/webt/60/91/dc/6091dcd571c87164940....
Если нет - то как правильно?
если да - то как правильно адаптировать, чтобы не слезало?

Comments

[Ankhena]

Не ясно зачем абсолюты для блоков стоящих рядом.
Без абсолютов, гридами: https://jsfiddle.net/n140gybm/
Ещё проще флексами: https://jsfiddle.net/1h6oc0tj/

Другой вариант, если всё таки хочется наложить один элемент на другой, тоже гридами:
https://jsfiddle.net/6ovy23w5/
Чтобы не нужно было следить за правым паддингом можно разбить грид на 3 колонки. Среднюю сделать шириной равной закруглению бордера. Input будет занимать первые две ячейки, кнопка, соответственно, последние две.
Скругление бордера при этом задавать с помощью кастомного свойства или переменной.

Answer 1

[Максим]

Answer 2

[trenton]

в партии с relative. Relative - это относительно чего прибивать, а абсолют - это что прибивать. Оно как бы висит в воздухе, и не занимает обычного пространства. Если читать сложно = хороший урок у Дмитрия Лаврика.