Source

Положај

Користите ове скраћене услужне програме за брзо конфигурисање положаја елемента.

Заједничке вредности

Доступни су часови брзог позиционирања, иако не реагују.

<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>

Фиксни врх

Поставите елемент на врх прозора за приказ, од ивице до ивице. Будите сигурни да разумете последице фиксне позиције у вашем пројекту; можда ћете морати да додате додатни ЦСС.

<div class="fixed-top">...</div>

Фиксно дно

Поставите елемент на дно прозора за приказ, од ивице до ивице. Будите сигурни да разумете последице фиксне позиције у вашем пројекту; можда ћете морати да додате додатни ЦСС.

<div class="fixed-bottom">...</div>

Лепљиви врх

Поставите елемент на врх прозора за приказ, од ивице до ивице, али тек након што прођете поред њега. Услужни .sticky-topпрограм користи ЦСС position: sticky, који није у потпуности подржан у свим прегледачима.

ИЕ11 и ИЕ10 ће се приказати position: stickyкао position: relative. Као такви, умотавамо стилове у @supportsупит, ограничавајући лепљивост само на претраживаче који то могу правилно приказати.

<div class="sticky-top">...</div>