Unidad %

La unidad de medida relativa % establece el tamaño de un elemento hijo en relación con el tamaño de su elemento padre. Por ejemplo, un ancho de rectángulo igual a 50% significa que es dos veces más pequeño que su padre.

Ejemplo

Establezcamos el ancho de un rectángulo elemento hijo en 20% y la altura en 40%:

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

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

Результат:

Véase también