Dinhmun

Element pakhat awmna tur rang taka configure nan heng shorthand utilities te hi hmang ang che.

Common value te pawh a awm

Quick positioning class pawh a awm a, mahse a chhang thei lo.

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

Fixed top a ni

Viewport chung lamah element pakhat dah la, a sir atanga a sir thlengin dah rawh. I project-a fixed position-a ramifications awmte chu i hrethiam ngei ang che; CSS dang i dah belh a ngai mai thei.

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

Fixed a hnuai lam

Viewport hnuai lamah element pakhat dah la, a sir atanga a sir thlengin dah rawh. I project-a fixed position-a ramifications awmte chu i hrethiam ngei ang che; CSS dang i dah belh a ngai mai thei.

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

A chung lam chu a sticky hle

Viewport chung lamah element pakhat dah la, edge atanga edge thlengin dah la, mahse a scroll kal pelh hnuah chauh dah rawh. .sticky-topUtility hian CSS’s a hmang a , position: stickychu chu browser zawng zawngah a support kim lo.

IE11 leh IE10 te position: stickychu position: relative. Chutiang a nih avang chuan style hrang hrangte chu @supportsquery-ah kan wrap a, stickiness chu a render tha thei browser-ah chauh kan tihtlem a ni.

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