Bedingungen für relative oder absolute Positionierung

Um die Positionierung zu verstehen, müssen Sie zunächst den Dokumentenfluss verstehen, der eine Position einnimmt und sich auf nachfolgende Elemente auswirkt (Blockelemente, Inline-Blockelemente). der andere wird einwickeln.

111

222

Absolute Positionierung bedeutet, das Element aus dem Dokumentenfluss zu entfernen Wenn es herausgeschmissen wird, nimmt es weder die Position des Dokumentflusses ein, noch hat es Auswirkungen auf nachfolgende Elemente.

111

222

Wie oben In diesem Fall überlappen sich 111 und 222. Überprüfen Sie die Elemente und Sie werden feststellen, dass 222 eine tatsächliche Position und 111 keine Position hat. Es verwendet die Attribute „Links“, „Rechts“, „Oben“, „Unten“ und andere, um eine absolute Positionierung relativ zu seinem nächstgelegenen übergeordneten Objekt mit den meisten Positionierungseinstellungen durchzuführen. Wenn kein solches übergeordnetes Objekt vorhanden ist, basiert es auf dem Körperobjekt. Und seine Kaskade wird durch das Z-Index-Attribut definiert.

Das Webseitenlayout setzt die Kompatibilität mit verschiedenen Geräten und Auflösungen voraus, sodass die absolute Positionierung für die meisten Szenarien wahrscheinlich nicht geeignet ist. . Das Layout kann also nur von der Position des übergeordneten Elements abhängen, nicht von der Höhe und Breite des Geräts.

Bei den für die absolute Positionierung geeigneten Szenarien handelt es sich hauptsächlich um einige Seitenhilfsfunktionen.

Das obige ist der detaillierte Inhalt vonBedingungen für relative oder absolute Positionierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!