පැහැදිලි CSS දේපළ CSS1 සිට CSS හි කොටසක් විය. නිෂ්චිත මූලද්රව්යය සහ පැත්ත (පැත්ත) කවරය වෙතට යා හැකි කුමන අංගයක්දැයි යන්න ඔබට නිශ්චය කරයි. පැහැදිලි දේපල සතුව හැකි අගයන් පහක් ඇත:
- කිසිවක් නැත
- වමට
- හරි
- දෙකම
- උරුම කරගන්නවා
CSS පැහැදිලි දේ භාවිතා කරන්නේ කෙසේද
පැහැදිලි දේපල භාවිතා කිරීම සඳහා වඩාත් පොදු ක්රමයක් වන්නේ ඔබ මූල ද්රව්යයේ float දේපලක් භාවිතා කිරීමෙන් පසුවය. උදාහරණයක් වශයෙන්:
මගේ ප්රතිරූපය අසල පෙළ.
මගේ රූපයට වඩා පහළ පෙළක්.
සියලුම මූලයන් පැහැදිළි කර ඇත: none; එබැවින් ඔබට වෙනත් යමක් ඇලවීමට අවශ්ය නොවන්නේ නම්, පැහැදිලි ස්වරූපය වෙනස් කළ යුතුය.
ඔබ ෆ්ලයිට් ක්ලීනි වන විට, ඔබේ පැහැඳිළට ඔබේ පැහැඳිළට ගැලපේ. එබැවින් ඔබ වම් අතට වම් පසින් නම්, ඔබ වමට හැරිය යුතුය. ඔබගේ floated මූලද්රව්යය float දිගටම පවතියි, නමුත් පසුව ඉවත් කරන ලද මූලද්රව්යය සහ ඊට පසු සියල්ලම වෙබ් පිටුව මත එය දිස්වනු ඇත.
ඔබට දකුණ සහ වම් පස පාවෙන මූලද්රව්ය තිබේ නම්, ඔබට එක් පැත්තක් ඉවත් කළ හැකිය, නැතහොත් ඔබට දෙකම ඉවත් කළ හැකිය.
පිරිසැලසුම් දී පැහැදිලි ලෙස භාවිතා කිරීම
බොහෝමයක් නිර්මාණකරුවන් විසින් පැහැදිලි දේපලෙහි පිටු මූලදිලි සැකසීමට භාවිතා කරයි. ඔබට එක් අකුරක් තුළ ඇති පිංතූරයක් ඇති අතර ඔබට ඊළඟ ඡේදයේ රූපය පහළින් ආරම්භ කිරීමට අවශ්ය විය හැකිය, නැතහොත් ඔබට තවත් පෙළ පොකුරක් අසල ඇති ඔබට පෙළගැස්වීමට අවශ්ය පෙළපතේ මුළු තීරුවක් තිබිය හැක.
මෙම ආකෘතියේ සැකැස්ම සඳහා HTML මෙන්න.
එය වම් පස පාවෙන තවත් එක් බහාලුම් භාජනයක් තිබේ.
කෙටි හිස් භාජනයක්
පාවෙන ලද භාජනයේ දකුණු පසින් ඇති වීමට නියමිත කන්ටේනර් ග්රහයා තුළ අන්තර්ගතය.
ප්රධාන div හි අන්තර්ගතයේ ඉතිරි කොටස වම් පසින් ඇති කෙටි ග්රහයා සමඟ මෙය හොඳයි.
Floating box එකට ලිවීම ආරම්භ කිරීමට ඔබට අවශ්ය වන ටැගයක් එකතු කිරීම මගින් ඔබට එම පෝස්ටය අසල ඇති අකුරු ඉවත් කළ හැකිය.
නමුත් මෙම ගැටළුව වන්නේ ප්ලූටෝට් පෙට්ටිය අසල අන්තර්ගතයට වඩා දිගු වන විටය. එවිට ඔබට පෙනෙන පරිදි ප්රධාන කොටුවෙහි පසුබිම් වර්ණය පාවෙන කොටුවේ පහළට නොපෙනේ.
කනගාටුවට කරුණක් නම් මේ දේ නිවැරදි කිරීම සඳහා පහසු ක්රමයකි. පිටාර ගැලීම සඳහා ප්රධාන කොටුව සකස් කිරීම: ස්වයං; පසුබිම් වර්ණය මෙම උදාහරණයේ පෙන්වා ඇති ආකාරයට, දිගු නළ කටාරම්භක පෙට්ටිය අසලම පවතිනු ඇත.