css - Elternteil seine position absolut ist, und Kind die position ist relativ, und Umgekehrt
Habe ich div die Gastgeber ein weiteres div. Ok, ich bekomme dann der Fall, wenn der Elternteil position:relative
und
das Kind ist position:absolute
. Ich verstehe nicht, was passiert, wenn
- Elternteil seine position absolut ist, und Kind die position ist relativ
- übergeordneten position absolute und Kind die Lage ist absolut
- Elternteil seine position ist relativ und Kind die position ist relativ
Ich die JSbin Beispiel aus Warum wird eine absolute position-element-wrap basiert auf übergeordneten Recht gebunden? aber die Frage gilt für Positionierung Konzept im Allgemeinen
- Ist das nicht der Punkt #1 und #3 identisch?
- Bekommen Sie nicht, was passiert was?
- ja, und #2 ist die gleiche wie den Fall, dass der OP versteht – Positionierung berücksichtigt die nächsten nicht-statische Eltern.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Lesen Sie mehr über die absolute, relative und Feste position und wie unterscheiden Sie sich hier, aber ich werde versuchen, Ihre Frage zu beantworten über Beziehungen speziell.
position: absolute
positioniert das element, um es nächste Elternteil mit einemposition
andere alsstatic
. Static ist der Standardwert für alles.position: relative
ist ein wenig komisch, weil es wirklich betrifft, die element-Kinder, die nicht seine eigene position. Es ist nur zu sagen, es ist die Kind-Elemente " - position, die sich relativ zu mir, wenn Sieposition: absolute
." Einposition
vonfixed
oderabsolute
tut die gleiche Sache (also seine Kinder positioniert werden position sich relativ zu seinen Grenzen), aber diese Stile auch Auswirkungen auf Ihre eigene position auf der Seite. Ein element mitposition: relative
wird nicht anders Aussehen, aber es ist, Kinder vielleicht.So betrachten Sie eine situation wie diese:
Wenn
grandchild
hatposition: absolute
es wird die position sich relativ zum browser-Fenster, weil es keine Eltern mit einemposition
anderen als den Standardwert vonstatic
.Wenn
parent
hat auchposition
vonrelative
,absolute
oderfixed
,grandchild
wird die position sich relativ zu den Grenzen derparent
.Jedoch, wenn
child
hat auch eineposition
vonrelative
,absolute
oderfixed
, diegrandchild
wird die position sich relativ zuchild
's Grenzen, denn es ist der nächste Elternteil mit einemposition
andere alsstatic
.Zusammenfassend
relative
beeinflusst ein element die Kinder, währendabsolute
undfixed
Einfluss auf das element selbst als auch die Kinder.Und denken Sie daran, dass
position: fixed
umgeht allerelative
undabsolute
Eltern und immer Positionen, die sich relativ zum browser-Fenster.position: relative
ist ein wenig komisch, weil es wirklich betrifft, das element der Kinder, nicht die eigene position." ist nicht ganz wahr. Man kann auch eine relative element-Position auf dem Bildschirm mit dertop
,right
,bottom
undleft
Eigenschaften in einer Weise, die Sie nicht tun können, mit anderen Werten fürposition
.1 - wenn die Mami ist relativ und das Kind ist absolut : die Mami überwacht Ihr Kind. als ob, um ihn zu schützen. Art..
2 - wenn Sie sind beide absolute : Sie haben nichts zu tun mit einander. Sie sind fremde für einander.
3 - wenn die Eltern absolut ist und das Kind relativ : Sie sind gebunden. das Kind bewegt ( Breite und Höhe ) in Richtung oder Weg von seiner Mama.
Wird es immer ein wenig seltsam, es gibt eine Menge von großen Texten über diese, aber auch für mich ist es immer nur Umschalten, absolute und relative, bis es funktioniert. hoffe, das cleares Sie ein wenig auf.