Позиција
Користете ги овие стенографија за брзо конфигурирање на позицијата на елементот.
Заеднички вредности
Класите за брзо позиционирање се достапни, иако тие не реагираат.
<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>
Фиксиран врв
Поставете елемент на врвот на приказот, од раб до раб. Бидете сигурни дека ги разбирате последиците од фиксната позиција во вашиот проект; можеби ќе треба да додадете дополнителен CSS.
<div class="fixed-top">...</div>
Фиксирано дно
Поставете елемент на дното на приказот, од раб до раб. Бидете сигурни дека ги разбирате последиците од фиксната позиција во вашиот проект; можеби ќе треба да додадете дополнителен CSS.
<div class="fixed-bottom">...</div>
Леплив врв
Поставете елемент на врвот на приказот, од раб до раб, но само откако ќе поминете покрај него. Алатката .sticky-top
користи CSS position: sticky
, што не е целосно поддржано во сите прелистувачи.
IE11 и IE10 ќе position: sticky
се претстават како position: relative
. Како такви, ние ги завиткуваме стиловите во @supports
барање, ограничувајќи ја лепливоста само на прелистувачите кои можат правилно да го прикажуваат.
<div class="sticky-top">...</div>