Posisi
Paké utilitas shorthand ieu pikeun gancang ngonpigurasikeun posisi hiji unsur.
Nilai umum
Kelas posisi gancang sayogi, sanaos henteu responsif.
<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>
Maneuh luhur
Posisi hiji unsur dina luhureun viewport nu, ti ujung ka ujung. Pastikeun anjeun ngartos ramifications tina posisi tetep dina proyék anjeun; Anjeun bisa jadi kudu nambahan CSS tambahan.
<div class="fixed-top">...</div>
Maneuh handap
Posisi unsur di handapeun viewport, ti ujung ka ujung. Pastikeun anjeun ngartos ramifications tina posisi tetep dina proyék anjeun; Anjeun bisa jadi kudu nambahan CSS tambahan.
<div class="fixed-bottom">...</div>
Top ketan
Posisi hiji unsur dina luhureun viewport nu, ti ujung ka ujung, tapi ngan sanggeus anjeun ngagulung ngaliwatan eta. Utilitasna .sticky-top
nganggo CSS position: sticky
, anu henteu dirojong sapinuhna dina sadaya panyungsi.
IE11 sareng IE10 bakal position: sticky
janten position: relative
. Sapertos kitu, urang mungkus gaya dina @supports
pamundut, ngabatesan katempelan ngan ukur browser anu tiasa ngajantenkeun éta leres.
<div class="sticky-top">...</div>