Was ist CSS-Positionierung? So verwenden Sie die CSS-Positionierung

Was ist CSS-Positionierung? Wie verwenden Anfänger die CSS-Positionierung? Ich glaube, dass diese für Anfänger, die gerade erst angefangen haben, relativ unbekannt sind. Lassen Sie uns also erklären, was CSS-Positionierung ist. Wie verwende ich die CSS-Positionierung? [Empfohlene Lektüre: Zusammenfassung der vier gängigen Positionierungsattribute in CSS (links rechts oben unten) ]

1: Was ist CSS-Positionierung?

Die CSS-Positionierung verfügt über drei Positionierungsmechanismen: gewöhnlicher Fluss, Positionierung und Floating. In CSS wird die Position des normalen Flusses in xhtml bestimmt, und jeder Text wird begrenzt. Die Position kann auch über CSS-Stile geändert werden. Wir können Rand-Tags verwenden, um die Position von Elementen zu ändern. Verwenden Sie die CSS-Positionierung, um die normale Position der Beschriftung zu ermitteln und so die relative Position des übergeordneten Elements und anderer Browser zu ermitteln.

2: So verwenden Sie die CSS-Positionierung

Aufmerksame Menschen werden feststellen, dass einige Websites beim Surfen im Internet einen festen Platz auf der rechten Seite haben Wenn der Betrachter durchsucht, wird der Bereich auf der rechten Seite nicht verschoben. Als Nächstes werden wir diese Funktion implementieren.

1. Um dies zu erreichen, erstellen wir ein Div im Code, fügen Breite und Ränder zum Div hinzu und zeigen es in der Mitte der Webseite an. Dann können wir diesem Div verschiedene Informationen hinzufügen Dann erstellen wir ein weiteres. Das Div kommt und geht, um das zu positionierende Bild zu korrigieren.

2. Beim Erstellen des zweiten Divs setzen wir die Klasse des Divs auf „Neu“ und verwenden den Klassenselektor, um das Div festzulegen. Dann verwenden wir „position: behoben“ und schreiben „oben“ und „links“ als 0 um das Bild zu reparieren.

Was ist CSS-Positionierung? Eine vollständige Einführung in die Verwendung der CSS-Positionierung. Wenn Sie mehr über das CSS3-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonWas ist CSS-Positionierung? So verwenden Sie die CSS-Positionierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!