Placera
Använd dessa stenografiverktyg för att snabbt konfigurera positionen för ett element.
Gemensamma värderingar
Snabbpositioneringsklasser är tillgängliga, även om de inte är lyhörda.
<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>
Fast topp
Placera ett element överst i visningsporten, från kant till kant. Se till att du förstår konsekvenserna av fast position i ditt projekt; du kan behöva lägga till ytterligare CSS.
<div class="fixed-top">...</div>
Fast botten
Placera ett element längst ner i visningsporten, från kant till kant. Se till att du förstår konsekvenserna av fast position i ditt projekt; du kan behöva lägga till ytterligare CSS.
<div class="fixed-bottom">...</div>
Klibbig topp
Placera ett element överst i visningsporten, från kant till kant, men bara efter att du har scrollat förbi det. Verktyget .sticky-top
använder CSS position: sticky
, som inte stöds fullt ut i alla webbläsare.
IE11 och IE10 renderas position: sticky
som position: relative
. Som sådan slår vi in stilarna i en @supports
fråga, vilket begränsar klibbigheten till endast webbläsare som kan rendera den korrekt.
<div class="sticky-top">...</div>