Enheden %
Den relative måleenhed %
indstiller størrelsen af et child-element
i forhold til størrelsen af dets forælder. For eksempel,
betyder en bredde af et rektangel på 50%, at
det er halvt så stort som sin forælder.
Eksempel
Lad os give rektanglet for
child-elementet en bredde på 20% og
en højde på 40%:
<div>
<p></p>
</div>
div {
border: 1px solid black;
width: 200px;
height: 100px;
}
p {
border: 1px solid red;
width: 20%;
height: 40%;
}
:
Se også
-
enheden
px,
som indstiller størrelsen i pixels -
enheden
fr,
som indstiller størrelsen i fr -
enheden
em,
som indstiller størrelsen i em -
enheden
rem,
som indstiller størrelsen i rem -
enheden
vw,
som indstiller størrelsen i vw -
enheden
vh,
som indstiller størrelsen i vh -
enheden
vmax,
som indstiller størrelsen i vmax -
enheden
vmin,
som indstiller størrelsen i vmin