Mundarija:

CSS-da Absoluteni qanday joylashtirasiz?
CSS-da Absoluteni qanday joylashtirasiz?

Video: CSS-da Absoluteni qanday joylashtirasiz?

Video: CSS-da Absoluteni qanday joylashtirasiz?
Video: CSS And Svelte: How Does Position Absolute Work in CSS 2024, Aprel
Anonim

Mutlaq

In pozitsiya : nisbiy, element o'ziga nisbatan joylashtirilgan. Biroq, mutlaq joylashtirilgan element ota-onasiga nisbatan. bilan element pozitsiya : mutlaq oddiy hujjat aylanishidan olib tashlanadi. U avtomatik ravishda asosiy elementning boshlang'ich nuqtasiga (yuqori chap burchak) joylashtiriladi.

Shunday qilib, CSS-da mutlaq pozitsiya nimani anglatadi?

Mutlaq . Mutlaq pozitsiya hujjatni hujjat aylanishidan olib tashlaydi. Bu anglatadi u endi statik va nisbiy kabi hech qanday joy egallamaydi qiladi . Qachon mutlaq pozitsiya elementda ishlatilsa, u eng yaqin ota-onaga havola qilingan holda mutlaqo joylashadi pozitsiya nisbiy qiymat.

CSS-da elementni nisbatan qanday joylashtirasiz? 2 ta javob. pozitsiya : mutlaq iroda pozitsiya the element koordinatalar bo'yicha, qarindosh eng yaqin joylashgan ajdodga, ya'ni bo'lmagan eng yaqin ota-onaga pozitsiya : statik. To'rtta div-ni maqsad ichiga joylashtiring div , maqsadni bering div pozitsiyasi : qarindosh , va foydalaning pozitsiya : boshqalarga nisbatan mutlaq.

Bundan tashqari, mutlaq va nisbiy pozitsiyadan qanday foydalanasiz?

Belgilasangiz pozitsiya : qarindosh , keyin mumkin foydalanish elementni siljitish uchun yuqori yoki pastki, chap yoki o'ng qarindosh odatda hujjatda sodir bo'ladigan joyga. Mutlaq pozitsiya : Siz belgilaganingizda pozitsiya : mutlaq , element hujjatdan o'chiriladi va aynan siz aytgan joyga joylashtiriladi.

Shaffoflik CSS meros qilib olinganmi?

shaffoflik . The shaffoflik mulk CSS element qanchalik shaffofligini belgilaydi. Shaffoflik standart boshlang‘ich qiymati 1 (100%) shaffof emas ). Shaffoflik emas meros qilib olingan , lekin ota-ona borligi uchun shaffoflik bu uning ichidagi hamma narsaga tegishli.

Tavsiya: