Heim > Web-Frontend > Front-End-Fragen und Antworten > Was ist die Einheit von CSS %?

Was ist die Einheit von CSS %?

藏色散人
Freigeben: 2023-01-04 09:38:36
Original
2429 Leute haben es durchsucht

CSS % bezieht sich auf den Prozentsatz, der sich auf eine relative Längeneinheit bezieht, die einen Wert relativ zur Höhe, Breite oder Schriftgröße des enthaltenden Blocks darstellt. Wenn ein Element mit einem Prozentattribut festgelegt ist, erben die untergeordneten Elemente den berechneten Wert Wert.

Was ist die Einheit von CSS %?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.

Verwandte Empfehlungen: „css-Video-Tutorial

CSS %--percentage

Prozent ist eine relative Längeneinheit, die relativ zur Höhe, Breite oder Schriftgröße des enthaltenden Blocks gemessen wird.

Das Konzept des enthaltenden Blocks kann nicht einfach als übergeordnetes Element verstanden werden.

Wenn es sich um eine statische Positionierung und eine relative Positionierung handelt, ist der enthaltende Block im Allgemeinen sein übergeordnetes Element.

Wenn es sich um ein absolut positioniertes Element handelt, sollte der enthaltende Block das nächstgelegene Vorgängerelement mit einem nicht statischen Positionsattribut sein.

Wenn es sich um ein Element mit fester Position handelt, ist sein enthaltender Block das Ansichtsfenster.

Weitere Informationen finden Sie in W3Help.

Prozentsatzvererbung

Wenn ein Element das Prozentattribut festlegt, erben die untergeordneten Elemente den berechneten Wert. Zum Beispiel:

p { font-size: 10px;line-height: 120%; }
Nach dem Login kopieren

Dann ist der vom untergeordneten Element von p geerbte Wert line-height: 12px, nicht line-height: 120 %.

Das obige ist der detaillierte Inhalt vonWas ist die Einheit von CSS %?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage