Source

Padėtis

Naudokite šias trumpąsias priemones, kad greitai sukonfigūruotumėte elemento padėtį.

Bendros vertybės

Galimos greitos padėties nustatymo klasės, tačiau jos nereaguoja.

<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>

Fiksuotas viršus

Padėkite elementą peržiūros srities viršuje nuo krašto iki krašto. Įsitikinkite, kad suprantate fiksuotos padėties pasekmes savo projekte; gali reikėti pridėti papildomo CSS.

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

Fiksuotas dugnas

Padėkite elementą peržiūros srities apačioje nuo krašto iki krašto. Įsitikinkite, kad suprantate fiksuotos padėties pasekmes savo projekte; gali reikėti pridėti papildomo CSS.

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

Lipnus viršus

Padėkite elementą peržiūros srities viršuje nuo krašto iki krašto, bet tik tada, kai slinksite pro jį. Priemonė .sticky-topnaudoja CSS position: sticky, kuri nėra visiškai palaikoma visose naršyklėse.

IE11 ir IE10 bus pateikiami position: stickykaip position: relative. Taigi stilius @supportsapjungiame į užklausą, apribodami lipnumą tik toms naršyklėms, kurios gali tinkamai jį pateikti.

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