Единица %

Относителната мерна единица % задава размера на дъщерния елемент спрямо размера на неговия родител. Например, ширина на правоъгълник, равна на 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