Относительная единица. Можно указывать дробное число, например, 10.5%. Разные CSS свойства вычисляют процент относительно разных значений:

Ширина width – относительно ширины родительского элемента.

Высота height – относительно высоты родительского элемента, но только если у него задана высота либо это флекс ил грид элемент.

Отступы padding\margin – относительно ширины родительского элемента, даже если задаются вертикальные отступы.

transform:translate(х, y) – относительно ширины\высоты самого объекта к которму применено свойство.

font-size и line-height – относительно унаследованного свойства родителя font-size.

Из PX в % - значение в PX поделить на значение относительно которого высчитывается процент и умножить на 100.