So setzen Sie die Position absolut, aber relativ zum Elternteil

So setzen Sie die Position absolut, aber relativ zum Elternteil
Wenn Sie die absolute Position eines Kindes relativ zu seinem Elternteil festlegen, bedeutet dies, dass die Position des untergeordneten Elements so festgelegt wird wird durchgeführt, indem die Positionseigenschaft mit dem absoluten Wert für das untergeordnete Element oder Div addiert wird.

Festlegen der absoluten Position im Verhältnis zum Elternteil Div

Die Position kann nach dem übergeordneten DIV eingestellt werden, indem Positionseigenschaften im CSS -Stilelement hinzugefügt werden.

Lassen Sie uns dies mit Hilfe eines einfachen Beispiels diskutieren, bei dem ein Elternteil und zwei Kinder -Divs verbunden sind:


Elternteil



Ich bin das erste Kind!!!




Ich bin das zweite Kind…



Im obigen Code -Snippet gibt es eine übergeordnete DIV und es hat zwei Kinderdivs:

  • Es gibt das DIV -Tag, das die ID als als deklariert hat "Elternteil,Und im Div gibt es eine

    Überschrift als Inhalt, der im Div -Bereich angezeigt wird.

  • Dann gibt es das Kind Div in der übergeordneten Div, die die ID als "als" deklariert "hat“Kind1“.
  • In ähnlicher Weise gibt es ein weiteres Kinder -Div -Tag, das die ID der Div als "als" als "als" als "als" als "als" als als "einKind2“.

Dadurch werden die folgenden Ergebnisse angezeigt:

Die absolute Position des “festlegen“Kind1" Und "Kind2”Relevant für die übergeordnete DIV. Es ist nur erforderlich, die CSS -Position absolute Eigenschaften für die untergeordneten Divs und die Position der Relativmobilie für die übergeordnete DIV hinzuzufügen:

#PARENT
Position: Relativ;

#Child1
Position: absolut;

#Child2
Position: absolut;

Die im übergeordnete DIV erzeugte Überschrift wird sich nicht bewegen, aber die des Kindes Divs ändern ihre Position im Verhältnis zur Position des Elternteils Div. Dadurch wird die folgende Schnittstelle in der Ausgabe angezeigt:

So können wir die Position absolut relativ zum übergeordneten Div einstellen.

Abschluss

Die absolute Position der untergeordneten Divs in einem HTML. Hier.