Å sette et barns absolutte plassering i forhold til dens foreldre betyr å sette posisjonen til barnelement gjøres ved å legge til posisjonsegenskapen med den absolutte verdien for barnelementet eller div.

Sette absolutt posisjon i forhold til overordnede div

Posisjonen kan settes i henhold til overordnede DIV ved å legge til posisjonsegenskaper i CSS -stilelementet.

La oss diskutere dette ved hjelp av et enkelt eksempel der det er en foreldre -div og to barnediv som er tilknyttet det:

Foreldre

Jeg er første barn!!!

Jeg er det andre barnet ..

I ovennevnte kodebit er det en overordnet div, og den har to barnediver:

• Det er DIV -taggen som har ID erklært som “foreldre,”Og inne i diven er det en

  på vei som innholdet som skal vises inne i Div -området.

• Deretter er det Child Div inne i overordnet div som har ID erklært som “Child1“.
• Tilsvarende er det en annen barnediv -tag som erklærer ID for diven som “Child2“.

Dette vil vise følgende resultater:

For å sette den absolutte posisjonen til “Child1”Og“Child2”Relevant for overordnede DIV, er det bare påkrevd å legge til CSS -posisjonen absolutte egenskaper for barnedivene og posisjonere relativ egenskap for overordnet div:

#Parent
Posisjon: relativ;

#barn1
Posisjon: Absolutt;

#Child2
Posisjon: Absolutt;

Overskriften som er opprettet i overordnet div vil ikke bevege seg, men de av barnedivene endrer sin stilling i forhold til foreldrenes plassering. Dette vil vise følgende grensesnitt i utgangen:

Slik kan vi sette stillingen absolutt i forhold til overordnede div.

Konklusjon

Den absolutte posisjonen til barnets divs i et HTML -dokument kan settes i forhold til deres overordnede div på en slik måte at CSS -egenskapene som er lagt til for Child Divs -implementeringen i henhold til stillingen til deres overordnede div. Dette gjøres ved å legge til den absolutte posisjonsegenskapen i CSS -stilelementet som refererer til klassen eller IDen til barnet.