Relative Positioning
Last updated
What is Relative Positioning?
Relative positioning in CSS allows you to shift an element from its normal position in the document flow. Instead of being fixed in place, the element is moved relative to where it would have been if it were statically positioned. This movement doesn't affect the positioning of other elements around it; they behave as if the element were still in its original location. You specify the amount of movement using the top, right, bottom, and left properties.
Free resources to learn Relative Positioning
More in stage 10: Background
Relative Positioning: common questions
Can I learn Relative Positioning in Hindi?
This lesson is written in English. Once you sign in, open it in the interactive course and ask the AI tutor to explain Relative Positioning in Hindi or Hinglish. The tutor answers from this lesson’s own text, so it stays on the syllabus, and it runs on your own Google, OpenAI or Anthropic key.
Is this Relative Positioning tutorial for beginners?
It is lesson 51 of 104 in the free CSS roadmap, in stage 10, Background. If you are new to CSS, start from stage 1 and come back here in order; if you already know the earlier stages, this lesson stands on its own.