Was bedeutet 100% in CSS?

Avatar of Robin Rendle
Robin Rendle am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Wenn man Prozentwerte in CSS wie folgt verwendet…

.element {
  margin-top: 40%;
}

…was bedeutet dieser %-Wert hier? Wovon ist es ein Prozentsatz? Es gab schon so viele Male, dass etwas Seltsames passiert ist, wenn ich Prozentsätze verwendet habe. Normalerweise zucke ich mit den Schultern, ändere den Wert in etwas anderes und mache mit meinem Tag weiter.

Aber Amelia Wattenberger sagt nein! in dieser bemerkenswerten tiefgehenden Abhandlung darüber, wie Prozentsätze in CSS funktionieren und all die seltsamen Dinge, die wir darüber wissen müssen. Und wie üblich hat jeder Beitrag von Amelia eine Menge wunderbarer Demos, die perfekt beschreiben, wie das CSS in jedem gegebenen Beispiel funktioniert. Und dieser Beitrag ist keine Ausnahme.

Direkter Link →