Was sind die gängigen Layoutmethoden in CSS?

Mehrere gängige Layoutmethoden:

(Empfohlenes Tutorial: CSS-Schnellstart)

• Behoben Layout

• Flüssiges Layout (adaptives Layout)

• Flexibles Layout (einziehbares Layout)

• Positioniert Layout

• Floating Layout

• Responsives Layout (Medienabfragen)

Das feste Layout bedeutet das Breite und Höhe der Box sind fest vorgegeben. Rand, Polsterung usw.

Der Fluss des flüssigen Layouts bezieht sich auf die Breite, Höhe und den Rand der Box, und die Polsterung ist ein Prozentsatz. Daher wird es auch Prozentlayout genannt.

(Empfohlenes Video-Tutorial: CSS-Video-Tutorial )

Die folgenden Punkte sind zu beachten:

• Der Prozentsatz beträgt basierend auf dem Element. Die Größe des übergeordneten Elements wird berechnet.

• Der horizontale oder vertikale Abstand des Elements wird relativ zur Breite des übergeordneten Elements berechnet.

• Ränder können nicht mit Prozentsätzen festgelegt werden

Positionierungslayout bezieht sich auf absolute Positionierung, relative Positionierung und feste Positionierung.

Die schwebende Positionierung ist nur float:left; und float:right;. Denken Sie daran, den Float zu löschen.

Das obige ist der detaillierte Inhalt vonWas sind die gängigen Layoutmethoden in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!