Jak ustawić pozycję bezwzględną, ale w stosunku do rodzica

Jak ustawić pozycję bezwzględną, ale w stosunku do rodzica
Ustawienie bezwzględnej pozycji dziecka w stosunku do jego rodzica oznacza ustawienie pozycji elementu dziecka w taki sposób, aby właściwości pozycji zastosowane do niego działały zgodnie z obszarem i pozycją elementu nadrzędnego, a nie z całym interfejsem, to odbywa się poprzez dodanie właściwości pozycji o wartości bezwzględnej dla elementu dziecięcego lub div.

Ustawienie bezwzględnej pozycji w stosunku do Div Div

Pozycję można ustawić zgodnie z Div nadrzędnym, dodając właściwości pozycji w elemencie stylu CSS.

Omów to z pomocą prostego przykładu, w którym powiązane jest z nim Div Parent Div i dwa Dziecka Divs:


Rodzic



Jestem pierwszym dzieckiem!!!




Jestem drugim dzieckiem…



W powyższym fragmencie kodu znajduje się div macierzysty i ma dwa divy dziecięce:

  • Istnieje znacznik DIV, który ma tożsamość zadeklarowana jako „rodzic,”I wewnątrz div jest

    kierując się jako treść, która ma być wyświetlana w obszarze DIV.

  • Następnie jest Dziecko Div w Div Parent Div, który ma tożsamość zadeklarowana jako „dziecko1".
  • Podobnie istnieje inny tag div, który deklaruje identyfikator div jako „dziecko2".

To wyświetli następujące wyniki:

Aby ustawić absolutną pozycję „dziecko1" I "dziecko2„Odpowiednio dla Div Div, konieczne jest po prostu dodanie nieruchomości bezwzględnych pozycji CSS dla Dziecięcych Divs i właściwości względnej pozycji dla Div Div:

#rodzic
Pozycja: względny;

#Child1
Pozycja: absolutna;

#Child2
Pozycja: absolutna;

Nagłówek utworzony w rodzicielskiej Div nie porusza się, ale kierowanie Dzieci Divów zmienia swoją pozycję w stosunku do pozycji rodzicielskiej Div. To wyświetli następujący interfejs w wyjściu:

W ten sposób możemy ustawić pozycję bezwzględną w stosunku do rodzicielskiej div.

Wniosek

Absolutna pozycja Dziecięcych Divs w dokumencie HTML można ustawić w stosunku do ich div macierz. Odbywa się to poprzez dodanie właściwości położenia bezwzględnego w elemencie stylu CSS, odnosząc się do klasy lub identyfikatora Dziecka Div.