Einige Kenntnisse über die absolute und relative Positionierung von Seitenelementen

Einige Kenntnisse über die absolute und relative Positionierung von Seitenelementen
Ab heute werde ich regelmäßig kleine Wissenspunkte organisieren. Einige davon sind vielleicht sehr einfach, aber sie sollten alle nützlich sein.

In Bezug auf die absolute und relative Positionierung von div ist dies etwas, das jedes Front-End-IT-Personal verwenden wird. Die sogenannte absolute Positionierung bedeutet, dass dieses Ding einfach da ist und meine Position unverändert bleibt, egal wie sich andere Dinge bewegen. Um es nett auszudrücken, nennt man das Integrität, aber um es unverblümt auszudrücken, nennt man es Schurkerei. Natürlich wird für die relative Positionierung im Allgemeinen die absolute Positionierung verwendet. Das ist vergleichbar mit einer Bande, die Schutzgelder eintreibt. Dieser Bereich unterliegt meiner Gerichtsbarkeit, daher gelten die Positionen der Elemente in mir ausschließlich für mich und haben nichts mit der Außenwelt zu tun. Nachdem wir über die absolute Positionierung gesprochen haben, sprechen wir über die relative Positionierung. Elemente mit diesem Attribut sind sehr charakterlos. Ich gehe dorthin, wohin der Anführer geht, und drehe mich immer um den Anführer. So, genug geredet, kommen wir zurück zum Thema.

Manchmal müssen wir einer Ebene etwas hinzufügen, aber das ist in einer Webseite nicht so einfach wie in PS. Wir müssen ein Div (oder einen anderen Container) schreiben, um den Inhalt unserer Ebene zu speichern, es dann in die Ebene (Div) einfügen, wo wir es platzieren möchten, die Position im Stilattribut unserer übergeordneten Ebene auf absolut setzen und schließlich die Position des Stils unseres neu erstellten Div auf relativ setzen. Auf diese Weise wird meine Ebene über der übergeordneten Ebene platziert. Die Unterebene verfügt über die Eigenschaften oben, unten, links und rechts und wir können unsere Elemente nach oben, unten, links und rechts positionieren.

Beachten Sie, dass Ihre relative Positionierung relativ zur gesamten Seite ist, wenn Sie keine Ebene für die absolute Positionierung definieren. Axure RP, eine häufig verwendete Prototyping-Software, verwendet eine globale relative Positionierung. Tatsächlich ist Axure RP sehr einfach zu verwenden.

Das Wetter wird kühler, also halten Sie sich bitte warm.

<<:  Implementierung von verschiebbaren Zeilen und Spalten sowie Auswahlspaltenkomponenten basierend auf der el-table-Kapselung

>>:  Dieser Artikel zeigt Ihnen, wie Sie mit CSS-Kombinationsselektoren spielen

Artikel empfehlen

So verbergen und entfernen Sie Bildlaufleisten in HTML

1. HTML-Tags mit Attributen XML/HTML-CodeInhalt i...

Einige Verbesserungen in MySQL 8.0.24 Release Note

Inhaltsverzeichnis 1. Verbindungsmanagement 2. Ve...

Eine kurze Analyse von Kubernetes-Controllern und -Labels

Inhaltsverzeichnis 01 Gemeinsame Controller in k8...

Installieren Sie das Linux-System automatisch basierend auf Cobbler

1. Komponenten installieren yum install epel-rpm-...

CSS setzt die Höhe des Box-Containers (div) immer auf 100 %

Vorwort Manchmal muss die Höhe eines Box-Containe...

Kennen Sie die häufigsten MySQL-Designfehler?

Dank der Entwicklung des Internets können wir die...

Detaillierte Erklärung der Kontrolle des Zugriffsvolumens durch Nginx

Zweck Machen Sie sich mit den Nginx-Modulen ngx_h...

So verarbeiten Sie sehr große Formularbeispiele mit Vue+ElementUI

Aufgrund von Geschäftsanpassungen im Unternehmen ...