Fixed va absolute joylashuv
CSS position: fixed
position: fixed; li element viewport’ga nisbatan joylashadi, ya’ni sahifa scroll qilinganda ham har doim bir xil joyda qoladi. top, right, bottom va left xossalari elementning yakuniy joyini belgilash uchun ishlatiladi.
Fixed element odatda joylashgan joyida sahifada bo‘shliq qoldirmaydi.
position: fixed; berilgan.Sahifaning o‘ng pastki burchagidagi fixed elementga e’tibor bering. Bu yerda ishlatilgan CSS keltirilgan:
Misol
div.fixed {
position: fixed;
bottom: 0;
right: 0;
width:
300px;
border: 3px solid #73AD21;
}
O‘zingiz sinab ko‘ring »
CSS position: absolute
position: absolute; li element eng yaqin joylashtirilgan ajdodga (position qiymati staticdan boshqa) nisbatan joylashadi.
Biroq absolyut joylashtirilgan elementda joylashtirilgan ajdod bo‘lmasa, u hujjat body’sidan foydalanadi va sahifa scroll qilinishi bilan birga siljiydi.
Eslatma: Absolyut joylashtirilgan elementlar normal hujjat oqimidan chiqariladi va boshqa elementlar ustiga chiqishi mumkin.
Mana oddiy bir misol:
Mana ishlatilgan CSS:
Misol
div.relative {
position: relative;
width: 400px;
height: 200px;
border: 3px solid green;
}
div.absolute {
position: absolute;
top: 80px;
right: 0;
width: 200px;
height: 100px;
border: 3px solid
red;
}
O‘zingiz sinab ko‘ring »
Rasm ustiga matn joylashtirish
Rasmda matnni qanday joylashtirish mumkin:
Misol
O‘zingiz sinab ko‘ring:
Yuqori chap » Yuqori o‘ng » Quyi chap » Quyi o‘ng » Markazlashgan »W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!