CSS Position: Relative Explained | CSS Positioning Tutorial for Beginners

► Useful links:

The position property absolute

The position property fixed

Position Sticky

TELEGRAM COMMUNITY -

SUBSCRIBE TO CHANNEL -

========== HTML for Beginners Playlist ==========

========== HTML for Beginners Playlist ==========

► The CSS position property allows us to define where element boxes are going to reside on the webpage. This could be relative to their usual starting position, relative to parent element or ancestor elements, or relative to the viewport.

The position property can have one of five main properties:

- position: static;
- position: relative;
- position: absolute;
- position: fixed;
- position: sticky;

We’ll learn the position relative of these in this video.

Learn how to use CSS position fixed to create a video that stays in the same place on the screen, even when you scroll down. This is a great technique for creating overlay videos or videos that you want to keep visible at all times.

[vibist]

Wow, that's absolutely understandable❤❤❤

[OluwaTobiloba-zylx]

You made coding easy and fun to learn. Thank you so much

[zknas]

When you delete the 'position: relative' on the parent side and the box is now behaving loosely in terms of the page... Is this because you essentially destroy the relationship between the two, as in, the box1 is no longer relative to the size of its parent because 'position: relative' was deleted?? Thanks you! You are doing an amazing job!