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%:

html<div>
  <p></p>
</div>

cssdiv {
  border: 1px solid black;
  width: 200px;
  height: 100px;
}
p {
  border: 1px solid red;
  width: 20%;
  height: 40%;
}

Результат:

Veja também