Das Layout ohne Änderung wird automatisch verlassen.
2. Mobiles LayoutDer oben erwähnte Float: Linkssituation.
3.. PositionierungslayoutSowohl die relative Positionierung als auch die absolute Positionierung sind relativ zum Eltern -Div -Tag.
Relativ ------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Absolute - Nehmen Sie den Ursprung des übergeordneten Div -Tags (obere linke Ecke) als Referenzpunkt.
Da die äußere Schicht Position ist: Relativ, wenn die innere Schicht absolut ist, wird die obere linke Ecke der äußeren Schicht als Verdrängungsreferenz ausgerichtet. Natürlich schreibt die äußere Schicht nur Position: Relativ, schreibt die beiden Werte links und oben, was bedeutet, dass die linke und die obere Ausrichtung auf der ursprünglichen Position des Elements als Layout -Referenzpunkt basiert.
Eine andere Situation ist, dass es nur eine Position ist: absolut; Es gibt keine Position: Relativ auf der äußeren Schicht. Welchen Punkt wird zu diesem Zeitpunkt als Referenz gefunden? Das Prinzip zu diesem Zeitpunkt lautet: Wenn es in einem bestimmten übergeordneten Element einen Verwandten gibt, wird das übergeordnete Element als Referenzursprung verwendet, und wenn es keine Position gibt: Relativ, wird der Körper als Referenzursprung verwendet. Wenn die Position: absolute äußere Schicht nicht relativ ist, gibt es keinen Unterschied in den beiden Layouts.
Natürlich ist die letzte Situation: Die äußere Schicht ist: Position: absolut; Die innere Schicht ist Position: Relativ. Was wird passieren? Nach dem ursprünglichen Prinzip bezeichnet Absolute den Körper als Layout -Ursprung, und Relative wird sich auf die Position beziehen, an der er sich als Layout -Ursprung befinden sollte. Zu diesem Zeitpunkt bezieht es sich tatsächlich auf die obere linke Ecke der äußeren Schicht als Layout -Ursprung.
Der Rest hängt von der tatsächlichen Situation ab.