𝗖𝗦𝗦 𝗣𝗼𝘀𝗶𝘁𝗶𝗼𝗻 𝗣𝗿𝗼𝗽𝗲𝗿𝘁𝗶𝗲𝘀
CSS position property అనేది మీ పేజీలో ఒక ఎలిమెంట్ ఎక్కడ ఉండాలో నిర్ణయిస్తుంది. వాటిని కదిలించడానికి మీరు top, right, bottom, మరియు left ప్రాపర్టీలను ఉపయోగిస్తారు.
పొజిషనింగ్లో ఐదు ప్రధాన రకాలు ఉన్నాయి.
Static ఇది డిఫాల్ట్ సెట్టింగ్. ఎలిమెంట్స్ పేజీ యొక్క సాధారణ క్రమాన్ని అనుసరిస్తాయి. ఇక్కడ top లేదా left ప్రాపర్టీలను ఉపయోగించినా ఎటువంటి మార్పు ఉండదు.
Relative ఇది ఒక ఎలిమెంట్ను దాని అసలు స్థానం ఆధారంగా కదిలిస్తుంది. మీరు top కి 20px జోడిస్తే, ఆ ఎలిమెంట్ కిందకు కదులుతుంది. ఇతర ఎలిమెంట్స్ వాటి అసలు స్థానాల్లోనే ఉంటాయి మరియు ఆ ఖాళీని పూరించవు.
Absolute ఇది ఎలిమెంట్ను సాధారణ పేజీ ఫ్లో (page flow) నుండి తొలగిస్తుంది. ఇది దాని సమీపంలోని positioned ancestor ఆధారంగా తనను తాను పొజిషన్ చేసుకుంటుంది.
ఇతర రకాల్లో Fixed మరియు Sticky కూడా ఉన్నాయి. Fixed ఎలిమెంట్స్ మీరు స్క్రోల్ చేసినప్పుడు కూడా ఒకే చోట ఉంటాయి. Sticky ఎలిమెంట్స్ ఒక నిర్దిష్ట పాయింట్కు చేరుకునే వరకు relative ఎలిమెంట్స్ లాగా పనిచేస్తాయి, ఆ తర్వాత అవి fixed గా ఉంటాయి.
ఈ ప్రాపర్టీల గురించి ఇక్కడ మరింత తెలుసుకోండి.
Source: https://dev.to/kavin_loyola_660466e5ea96/css-position-properties-23o8