Latest Update: 17 April 2021

Learn CSS Position (relative, absolute, fixed, sticky, float) with 5 practical tasks - CSS tutorial

CSS position gives you the flexibility to build the layout that you want, but it can be confusing to some people. In this tutorial, you will learn CSS position by solving 5 practical tasks.

The 6 topics that will be covered are:

  • Static positioning

  • Relative positioning

  • Absolute positioning

  • Fixed positioning

  • Sticky positioning

  • Float

Resources

To follow along, download the sources or access the design here.