Source

Pozice

Použijte tyto zkrácené nástroje pro rychlou konfiguraci pozice prvku.

Společné hodnoty

K dispozici jsou kurzy rychlého určování polohy, i když nereagují.

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

Pevná horní část

Umístěte prvek do horní části výřezu, od okraje k okraji. Ujistěte se, že rozumíte důsledkům pevné pozice ve vašem projektu; možná budete muset přidat další CSS.

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

Pevné dno

Umístěte prvek do spodní části výřezu, od okraje k okraji. Ujistěte se, že rozumíte důsledkům pevné pozice ve vašem projektu; možná budete muset přidat další CSS.

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

Lepkavý top

Umístěte prvek do horní části výřezu, od okraje k okraji, ale až poté, co se za ním posunete. Nástroj .sticky-toppoužívá CSS position: sticky, které není plně podporováno ve všech prohlížečích.

IE11 a IE10 se vykreslí position: stickyjako position: relative. Styly jako takové zabalíme do @supportsdotazu a omezíme lepivost pouze na prohlížeče, které je dokážou správně vykreslit.

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