Несколько техник для автоматического расчёта полей и отступов в CSS:

• Использование функции calc(). 1 Она позволяет использовать математические выражения для вычисления значений CSS-свойств. 1 Функция полезна для создания адаптивных отступов и полей, особенно при работе с процентами и фиксированными значениями. 1
• Применение CSS переменных в сочетании с функцией calc(). 2 Например, так можно регулировать отступы в дочернем блоке в зависимости от высоты родительского блока. 2
• Использование единиц высоты вьюпорта (vh). 2 Они привязаны к высоте вьюпорта, а не к родительскому блоку. 2
• Применение свойства position: absolute и свойств top, bottom. 2 Это позволяет установить вертикальные отступы в зависимости от высоты родителя. 2 Для родительского элемента нужно установить свойство position: relative. 2
• Использование псевдоэлементов. 2 Они позволяют формировать внешние отступы без необходимости дополнительной разметки. 2