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!
