Coursera Plus Annual is 40% Off — Ends June 29.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

CSS Positioning Tutorial - Relative vs. Absolute vs. Fixed vs. Sticky

FollowAndrew via YouTube

Start learning Write review
Babbel Ad

Start speaking a new language. It’s just 3 weeks away.

Learn More → CodeSignal Ad

Learn the Skills Netflix, Meta, and Capital One Actually Hire For

Learn More →

Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
Dive into a comprehensive CSS positioning tutorial that covers relative, absolute, fixed, and sticky positioning in a 29-minute crash course. Explore core concepts like document flow (inline vs. block) and z-index while viewing live code samples. Learn about CSS position types, keywords, and values, starting with relative positioning. Understand HTML document flow before moving on to absolute, fixed, and sticky positioning. Gain insights into z-index and stacking order, and reinforce your knowledge with practical examples.

Syllabus

CSS Position Types
CSS Position Keywords
CSS Positioning Values
Relative Position
HTML Document Flow inline vs block
Absolute Position
Fixed Position
Sticky Position
Z-index Stacking Order
Live Code Samples

Taught by

FollowAndrew

Reviews

Start your review of CSS Positioning Tutorial - Relative vs. Absolute vs. Fixed vs. Sticky

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.