Die Einheit %

Die relative Maßeinheit % legt die Größe eines untergeordneten Elements relativ zur Größe seines übergeordneten Elements fest. Beispielsweise bedeutet eine Rechteckbreite von 50%, dass es halb so groß wie sein übergeordnetes Element ist.

Beispiel

Lassen Sie uns die Breite des Rechtecks des untergeordneten Elements auf 20% und die Höhe auf 40% setzen:

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

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

Результат:

Siehe auch