Единица %

Относительная единица измерения % устанавливает размер дочернего элемента относительно размера его родителя. К примеру, ширина прямоугольника, равная 50% означает, что он в два раза меньше своего родителя.

Пример

Давайте зададим прямоугольнику дочернего элемента ширину в 20% и высоту 40%:

<div>
	<p></p>
</div>

div {
	border: 1px solid black;
	width: 200px;
	height: 100px;
}
p {
	border: 1px solid red;
	width: 20%;
	height: 40%;
}

Смотрите также

единица px,
которая задает размер в пикселях
единица fr,
которая задает размер в fr
единица em,
которая задает размер в em
единица rem,
которая задает размер в rem
единица vw,
которая задает размер в vw
единица vh,
которая задает размер в vh
единица vmax,
которая задает размер в vmax
единица vmin,
которая задает размер в vmin