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-topnganggo CSS position: sticky, anu henteu dirojong sapinuhna dina sadaya panyungsi.

IE11 sareng IE10 bakal position: stickyjanten position: relative. Sapertos kitu, urang mungkus gaya dina @supportspamundut, ngabatesan katempelan ngan ukur browser anu tiasa ngajantenkeun éta leres.

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