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-topanvänder CSS position: sticky, som inte stöds fullt ut i alla webbläsare.

IE11 och IE10 renderas position: stickysom position: relative. Som sådan slår vi in ​​stilarna i en @supportsfråga, vilket begränsar klibbigheten till endast webbläsare som kan rendera den korrekt.

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