2 Box-ModellDie drei Methoden des Webseitenlayouts sind: 1. Standarddokumentfluss; 2. Floating; 3. Absolute Positionierung. Unter diesen ist die absolute Positionierung vollständig vom Standarddokumentfluss getrennt, wobei die Positionierung auf dem enthaltenden Block basiert und über Offset-Attribute und Z-Index-Attribute verfügt. 🔜 1. Von oben nach unten Von links nach rechts (Elemente auf Blockebene [div, ul, li, dl, dt, p] und Elemente auf Zeilenebene [hanging plate, img, strong, input])
1) Box-Modell Attribute:
Rand,Innenrandauffüllung [(oben, rechts, unten, links) (oben, links, rechts, unten) (oben, unten, links)], äußerer Rand [(oben, rechts, unten, links ) (oben, links und rechts, unten) (oben und unten, links und rechts)]. 3. Box 3D-Modell 1, Rand
2, Hintergrundbild;
5, Rand ; 4. Die Größe des Boxmodells entspricht dem Rand + dem äußeren Rand + dem inneren Rand + der mittleren Inhaltsgröße der Box
2: float float
float: left, right, none
clear float:
1. klar: beides (wird im Allgemeinen verwendet, um schwebende Elemente direkt dahinter zu löschen)
2. Breite festlegen: 1000 % (feste Breite) + Überlauf: ausgeblendet; (Wenn das übergeordnete Element eine schnelle Verkleinerung enthält , verwenden Sie clear: Beide Methoden sind ungültig. Verwenden Sie im Allgemeinen die zweite Methode zum Löschen von Floats
Das obige ist der detaillierte Inhalt vonWelche drei Methoden des Webseitenlayouts gibt es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!