Unidade %
A unidade de medida relativa %
define o tamanho de um elemento filho
em relação ao tamanho de seu elemento pai. Por exemplo,
a largura de um retângulo igual a 50% significa que
ele é duas vezes menor que seu elemento pai.
Exemplo
Vamos definir para o retângulo
do elemento filho uma largura de 20% e
uma altura de 40%:
<div>
<p></p>
</div>
div {
border: 1px solid black;
width: 200px;
height: 100px;
}
p {
border: 1px solid red;
width: 20%;
height: 40%;
}
:
Veja também
-
unidade
px,
que define o tamanho em pixels -
unidade
fr,
que define o tamanho em fr -
unidade
em,
que define o tamanho em em -
unidade
rem,
que define o tamanho em rem -
unidade
vw,
que define o tamanho em vw -
unidade
vh,
que define o tamanho em vh -
unidade
vmax,
que define o tamanho em vmax -
unidade
vmin,
que define o tamanho em vmin
