Pozicioni

Përdorni këto stenografi për konfigurimin e shpejtë të pozicionit të një elementi.

Vlerat e përbashkëta

Klasat e pozicionimit të shpejtë janë të disponueshme, megjithëse ato nuk janë të përgjegjshme.

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

Maja e fiksuar

Vendosni një element në krye të portës së pamjes, nga skaji në skaj. Sigurohuni që i kuptoni pasojat e pozicionit fiks në projektin tuaj; mund t'ju duhet të shtoni CSS shtesë.

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

Fundi i fiksuar

Vendosni një element në fund të portës së pamjes, nga skaji në skaj. Sigurohuni që i kuptoni pasojat e pozicionit fiks në projektin tuaj; mund t'ju duhet të shtoni CSS shtesë.

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

Top ngjitës

Vendosni një element në krye të portës së pamjes, nga skaji në skaj, por vetëm pasi ta kaloni atë. Programi .sticky-toppërdor CSS position: sticky, i cili nuk mbështetet plotësisht në të gjithë shfletuesit.

IE11 dhe IE10 do të paraqiten position: stickysi position: relative. Si i tillë, ne i mbështjellim stilet në një @supportspyetje, duke kufizuar ngjitshmërinë vetëm në shfletues që mund ta japin atë siç duhet.

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