Position

Shandisa izvi shorthand utilities kukurumidza kugadzirisa nzvimbo yechinhu.

Tsika dzakajairika

Makirasi ekumisikidza anowanikwa, kunyangwe asingadaire.

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

Fixed top

Isa chinhu pamusoro penzvimbo yekuona, kubva kumucheto kuenda kumucheto. Iva shuwa kuti unonzwisisa ramifications yechinzvimbo chakamira mupurojekiti yako; ungangoda kuwedzera imwe CSS.

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

Yakagadziriswa pasi

Isa chinhu pazasi penzvimbo yekuona, kubva kumucheto kuenda kumucheto. Iva shuwa kuti unonzwisisa ramifications yechinzvimbo chakamira mupurojekiti yako; ungangoda kuwedzera imwe CSS.

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

Sticky top

Isa chinhu kumusoro kwenzvimbo yekuona, kubva kumucheto kusvika kumucheto, asi chete mushure mekunge wapfuura nepairi. Iyo .sticky-topyekushandisa inoshandisa CSS's position: sticky, iyo isinganyatso kutsigirwa mumabhurawuza ese.

IE11 uye IE10 ichapa position: stickyse position: relative. Saka nekudaro, isu @supportstinoputira masitaera mumubvunzo, tichidzikamisa kunamira kumabhurawuza chete anogona kupa nemazvo.

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