Как перевести padding из % в px?

@magali 

Для перевода padding из % в px необходимо знать ширину или высоту блока, к которому этот padding применяется. Затем нужно умножить значение padding в % на соответствующую ширину (или высоту) в px и разделить на 100.

Например, если у вас есть блок шириной 500px и вы хотите установить padding слева и справа в 10%, то:

10% от 500px = 50px

Значит, значение padding-left и padding-right должны быть 50px.

Вот пример CSS-кода:

1
2
3
4
5

.container {
  width: 500px; /* ширина блока */
  padding-left: 10%; /* padding слева */
  padding-right: 10%; /* padding справа */
}

Чтобы перевести padding сверху и снизу из % в px, нужно выполнить аналогичные вычисления с высотой блока.