Единица % для размеров в CSS
Относительная единица измерения %
устанавливает размер дочернего элемента
относительно размера его родителя. К примеру,
ширина прямоугольника, равная 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