Enheten %

Den relative måleenheten % setter størrelsen på et barneelement i forhold til størrelsen på dets foreldreelement. For eksempel, betyr en bredde på et rektangel lik 50% at det er halvparten så stort som foreldreelementet.

Eksempel

La oss sette bredden på et rektangel for barneelementet til 20% og høyden til 40%:

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

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

Результат:

Se også