Единица %

Релативната мерна единица % ја поставува големината на дете елементот во однос на големината на неговиот родител. На пример, ширината на правоаголникот, еднаква на 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