Heim >Web-Frontend >CSS-Tutorial >Warum verweisen Elemente bei verschachtelter absoluter Positionierung auf ihr übergeordnetes Element und nicht auf das übergeordnete Element?
Warum verweisen Elemente bei verschachtelter absoluter Positionierung auf ihr übergeordnetes Element und nicht auf das übergeordnete Element?
- Barbara StreisandOriginal
- 2024-10-29 09:36:30513Durchsuche
Verschachtelte Positionierung: Absolut innerhalb des Absoluten
Verschachtelte absolut positionierte Elemente können in CSS unerwartetes Verhalten zeigen. Stellen Sie sich dieses Szenario vor:
- Ein erstes Div (#1.) mit Position: relativ
- Ein zweites Div (#2.), absolut relativ zu #1. positioniert
- A dritte Division (#3rd) absolut innerhalb von #2nd positioniert
F: Warum ist #3rd absolut relativ zu #2nd positioniert und nicht zu #1st?
A: Weil position: absolute innerhalb eines absolut positionierten Elements die relative Position für seine untergeordneten Elemente zurücksetzt.
Diese Eigenschaft überschreibt effektiv die relative Positionierung von #1st für #3rd und macht die Position absolut relativ zu sein direktes übergeordnetes Element, #2nd.
Um Ihr gewünschtes Verhalten zu erreichen, bei dem #3rd absolut relativ zu #1st positioniert ist, müssten Sie #3rd zu einem direkten Kind von #1st machen.
Das obige ist der detaillierte Inhalt vonWarum verweisen Elemente bei verschachtelter absoluter Positionierung auf ihr übergeordnetes Element und nicht auf das übergeordnete Element?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!