Module 3 - Lesson 10

Position Types

This lesson will give you an overview of the different ways we can position website elements and how it affects website flow. We’ll have a closer look at five different values of the “position” property (static, relative, fixed, absolute, and sticky) and how this property works with top, right, bottom, left, and z-index properties.

Video Chapters

00:00 Introduction

00:29 CSS Position Property Values

02:53 CSS Positioning Examples

03:35 Static Position

04:01 Relative Position

05:08 Fixed Position

05:52 Sticky Position

06:31 Absolute Position

09:02 The z-index Property

Join the discussion

Share your thoughts about this lesson with fellow students!

Login to your Account

If you're a DSA Student, please log in to your account to access the course content.

Sorry, you don't have access to this content.

It looks like you're not enrolled in Divi Stylist Academy.