አቀማመጥ

የአንድን ንጥረ ነገር አቀማመጥ በፍጥነት ለማዋቀር እነዚህን የአጭር እጅ መገልገያዎች ይጠቀሙ።

የተለመዱ እሴቶች

ፈጣን አቀማመጥ ክፍሎች አሉ፣ ምንም እንኳን ምላሽ ባይሰጡም።

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

ቋሚ ከላይ

ከዳር እስከ ዳር አንድ ኤለመንት በመመልከቻው አናት ላይ ያስቀምጡ። በፕሮጀክትዎ ውስጥ ያለውን የቋሚ አቀማመጥ ፅንሰ-ሀሳቦች መረዳትዎን ያረጋግጡ; ተጨማሪ CSS ማከል ሊኖርብዎ ይችላል።

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

ቋሚ ታች

በመመልከቻው የታችኛው ክፍል ላይ አንድ ኤለመንት ከጫፍ እስከ ጫፉ ላይ ያስቀምጡ። በፕሮጀክትዎ ውስጥ ያለውን የቋሚ አቀማመጥ ፅንሰ-ሀሳቦች መረዳትዎን ያረጋግጡ; ተጨማሪ CSS ማከል ሊኖርብዎ ይችላል።

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

የሚለጠፍ ከላይ

ከዳር እስከ ዳር አንድ ኤለመንትን በመመልከቻው አናት ላይ ያስቀምጡት ነገር ግን ካለፉት በኋላ ብቻ ይሸብልሉ. መገልገያው በሁሉም አሳሾች ውስጥ ሙሉ በሙሉ የማይደገፍ .sticky-topCSS ን ይጠቀማል ።position: sticky

IE11 እና IE10 position: stickyእንደ ይሰጣሉ position: relative። እንደዚያው፣ ዘይቤዎቹን በጥያቄ ውስጥ @supportsእናጠቃልላለን፣ ተለጣፊነቱን በአግባቡ ሊሰሩት በሚችሉ አሳሾች ላይ ብቻ እንገድባለን።

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