Mundarija:

CSS-da aniqlangan pozitsiya nima?
CSS-da aniqlangan pozitsiya nima?

Video: CSS-da aniqlangan pozitsiya nima?

Video: CSS-da aniqlangan pozitsiya nima?
Video: CSS: “width”, “height” va “overflow” tushunchalari | HTML/CSS asoslari: veb sahifalar | Dasturlash 2024, Noyabr
Anonim

bilan element pozitsiya : belgilangan ; ko'rish oynasiga nisbatan joylashtirilgan, ya'ni sahifa aylantirilsa ham har doim bir joyda qoladi. Yuqori, o'ng, pastki va chap xususiyatlar ishlatiladi pozitsiya element. A belgilangan element sahifada odatda joylashgan joyda bo'sh joy qoldirmaydi.

Xuddi shunday, siz CSS-dagi pozitsiyani qanday o'zgartirishingiz mumkinligini so'rashingiz mumkin.

HTML elementini HTML hujjatining istalgan joyiga ko'chirish uchun joylashuv xususiyati bilan birga yuqori va chap ikkita qiymatdan foydalanishingiz mumkin

  1. Chapga siljitish - chap uchun salbiy qiymatdan foydalaning.
  2. O'ngga siljitish - chap uchun ijobiy qiymatdan foydalaning.
  3. Yuqoriga siljitish - Yuqori uchun salbiy qiymatdan foydalaning.
  4. Pastga siljitish - Yuqori uchun ijobiy qiymatdan foydalaning.

Xuddi shunday, CSS-da nisbiy va mutlaq o'rtasidagi farq nima? An mutlaq joylashuv elementi joylashtirilgan qarindosh statikdan boshqa pozitsiyaga ega bo'lgan birinchi asosiy elementga. A qarindosh joylashtirilgan element joylashtirilgan qarindosh uning normal holatiga. Elementni nisbatan joylashtirish uchun xossa pozitsiyasi shunday o'rnatiladi qarindosh.

Xuddi shunday, siz CSS-da mutlaq pozitsiyani qanday o'rnatishingiz mumkin?

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.

HTML-da rasm o'rnini qanday tuzatish mumkin?

Agar foydalansangiz pozitsiya : belgilangan , element oynaga nisbatan joylashtirilgan, shuning uchun siz aylantirsangiz ham, element harakat qilmaydi. Agar aylanayotganda uning harakatlanishini istasangiz, foydalaning pozitsiya : mutlaq. Lekin sizning joylashuvingiz tufayli sizda ikkita variant bor: joylashtirish tasvir #quti ichida.

Tavsiya: