Heim >Web-Frontend >CSS-Tutorial >Wie kann ich in CSS die Höhe oder Breite eines Elements als Prozentsatz abzüglich eines festen Pixelwerts festlegen?
Wie kann ich in CSS die Höhe oder Breite eines Elements als Prozentsatz abzüglich eines festen Pixelwerts festlegen?
- Linda HamiltonOriginal
- 2025-01-03 01:25:39906Durchsuche
Breite/Höhe als Prozentsatz minus Pixel festlegen
Eine häufige Herausforderung in CSS besteht darin, die Höhe oder Breite eines Elements als Prozentsatz seines Containers minus einem festen Wert anzugeben. Stellen Sie sich das folgende Szenario vor:
Sie haben einen Container
Lösung
Die Lösung liegt in der Verwendung der calc()-Funktion:
height: calc(100% - 18px);
Dies Ausdruck berechnet die Höhe durch Subtrahieren des bekannten festen Werts (18 Pixel), wodurch die Liste erweitert werden kann, um den verbleibenden Platz im zu füllen Container.
Browserkompatibilität
Während calc() weithin unterstützt wird, erfordern einige ältere Browser herstellerspezifische Versionen:
/* Firefox */ height: -moz-calc(100% - 18px); /* WebKit */ height: -webkit-calc(100% - 18px); /* Opera */ height: -o-calc(100% - 18px);
Bedenken Sie für eine vollständige browserübergreifende Kompatibilität Verwendung aller Versionen zusammen mit der Standardsyntax am Ende:
/* Firefox */ height: -moz-calc(100% - 18px); /* WebKit */ height: -webkit-calc(100% - 18px); /* Opera */ height: -o-calc(100% - 18px); /* Standard */ height: calc(100% - 18px);
Das obige ist der detaillierte Inhalt vonWie kann ich in CSS die Höhe oder Breite eines Elements als Prozentsatz abzüglich eines festen Pixelwerts festlegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!