Heim > häufiges Problem > Hauptteil

Welche drei Methoden des Webseitenlayouts gibt es?

PHPz
Freigeben: 2020-10-12 14:19:07
Original
22144 Leute haben es durchsucht

Die 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])

2 Box-Modell

Welche drei Methoden des Webseitenlayouts gibt es?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!

Verwandte Etiketten:
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