Warum ist mein absolut positioniertes Div nicht dort, wo ich es erwarte?-CSS-Tutorial-php.cn

Warum ist mein absolut positioniertes Div nicht dort, wo ich es erwarte?

Mary-Kate Olsen

Freigeben： 2024-11-29 14:16:12

Original

565 Leute haben es durchsucht

Why Isn't My Absolutely Positioned Div Where I Expect It?

Fehlerbehebung bei Problemen mit der absoluten Positionierung

Bei der Webentwicklung kommt es häufig vor, dass Elemente trotz Verwendung der absoluten Positionierung nicht an der erwarteten Stelle erscheinen. Ein solches Szenario ist, wenn ein Div sich nicht absolut innerhalb eines übergeordneten Divs positionieren kann.

Verstehen des Problems

Wenn eine absolute Positionierung auf ein Element angewendet wird, sind es seine Koordinaten definiert relativ zu seinem offsetParent, dem nächstgelegenen übergeordneten Element, das ebenfalls positioniert ist. Wenn keiner der Vorfahren positioniert ist, ist das offsetParent des untergeordneten Elements das Körperelement, wodurch es in der oberen linken Ecke der Seite positioniert wird.

Lösung: Eine Basis einrichten

Um dieses Problem zu lösen, ist es notwendig, einen Vorfahren zu erstellen, der positioniert ist. In diesem Fall besteht die Lösung darin, position: relativ zum übergeordneten Div anzuwenden. Dies macht es zu einem positionierten Element und legt es als offsetParent für das untergeordnete Element mit absoluter Positionierung fest.

Aktualisiertes Codebeispiel

Der folgende Code positioniert das Div mit der ID korrekt „absPos“ absolut innerhalb des übergeordneten Div:

<html>
    <body>
        <div>

Nach dem Login kopieren

Durch die Festlegung einer positionierten Basis für das untergeordnete Element funktioniert die absolute Positionierung als beabsichtigt.

Das obige ist der detaillierte Inhalt vonWarum ist mein absolut positioniertes Div nicht dort, wo ich es erwarte?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!