The last element position property we'll discuss is the fixed position fixed position is similar to
absolute positioning.
The difference is that with fixed positioning the element does not scroll with the page.
Let's take a look at an example to see the difference between absolute and fixed positioning.
We need to insert a much larger block of text
above our div tags.
This will force the page to allow scrolling
so I'm going to copy a large block of text and I'm going to paste it so we can see that it's it's it's
a lot longer than the previous block of text so if I see the page and I previewed in the web browser
we can see that the page now scrolls
so we went over absolute positioning our parent in the last exercise had absolute positioning and we
can see that with absolute positioning
the parent div does in fact move with the rest of the content.
When you scroll up and down.
Now let's change the position to fixed
and when we save the file refresh our browser you can see now that the parent div does not move up and
down as you scroll through the contents of the web page
and that is the difference there between fixed and absolute position.