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-top
Utility hian CSS’s a hmang a , position: sticky
chu chu browser zawng zawngah a support kim lo.
IE11 leh IE10 te position: sticky
chu position: relative
. Chutiang a nih avang chuan style hrang hrangte chu @supports
query-ah kan wrap a, stickiness chu a render tha thei browser-ah chauh kan tihtlem a ni.
<div class="sticky-top">...</div>