We can use different positioning strategies in CSS. It is important you know them all well.

Positioning is what makes us determine where elements appear on the screen, and how they appear.

We have the property position which can have one of those 5 values:

  • static
  • relative
  • absolute
  • fixed
  • sticky

Let’s see how they work.

Static positioning

This is the default value for an element. Static positioned elements are displayed in the normal page flow.

Lessons in this unit:

0: ▶︎ Introduction
1: Relative positioning
2: Absolute positioning
3: Fixed positioning
4: Sticky positioning
Are you intimidated by Git? Can’t figure out merge vs rebase? Are you afraid of screwing up something any time you have to do something in Git? Do you rely on ChatGPT or random people’s answer on StackOverflow to fix your problems? Your coworkers are tired of explaining Git to you all the time? Git is something we all need to use, but few of us really master it. I created this course to improve your Git (and GitHub) knowledge at a radical level. Launching May 21, 2024. Join the waiting list!