Heim >Web-Frontend >CSS-Tutorial >Eigenschaften von CSS %-Einheiten

Eigenschaften von CSS %-Einheiten

藏色散人
藏色散人Original
2021-01-21 09:56:581819Durchsuche

Eigenschaften der CSS-%-Einheit: 1. Prozent ist eine relative Längeneinheit, relativ zur Größe des übergeordneten Elements; 2. Für „position: absolute;“-Elemente ist es relativ zum positionierten übergeordneten Element; position: behoben;“ Elemente sind relativ zum ViewPort.

Eigenschaften von CSS %-Einheiten

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS3-Version, DELL G3-Computer.

Empfohlen: CSS-Video-Tutorial

Was sind die Eigenschaften von CSS-%-Einheiten?

Prozentsatz ist eine relative Längeneinheit, relativ zur Größe des übergeordneten Elements.

Die Eigenschaften von

% beziehen sich auf die Größe des übergeordneten Elements und unterscheiden sich von em (relativ zur Schriftgröße des aktuellen Elements) und rem (relativ zur Schriftgröße des Stammelements).

Code:

Eigenschaften von CSS %-Einheiten

Ergebnisbild:

Eigenschaften von CSS %-Einheiten

Hinweis: Die %-Einheit bezieht sich im Allgemeinen auf das übergeordnete Element, ist jedoch nicht sehr genau.

1. Für gewöhnliche positionierte Elemente ist es das übergeordnete Element, wie wir es verstehen.

2 Für Elemente mit der Position: fest ;, es ist relativ zum ViewPort (kann View-Fenster sein)

Das obige ist der detaillierte Inhalt vonEigenschaften von CSS %-Einheiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn