1
00:00:00,300 --> 00:00:06,480
The last element position property we'll discuss is the fixed position fixed position is similar to

2
00:00:06,480 --> 00:00:08,340
absolute positioning.

3
00:00:08,340 --> 00:00:14,200
The difference is that with fixed positioning the element does not scroll with the page.

4
00:00:14,220 --> 00:00:20,790
Let's take a look at an example to see the difference between absolute and fixed positioning.

5
00:00:20,820 --> 00:00:23,760
We need to insert a much larger block of text

6
00:00:26,440 --> 00:00:28,770
above our div tags.

7
00:00:28,780 --> 00:00:31,270
This will force the page to allow scrolling

8
00:00:35,100 --> 00:00:43,030
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

9
00:00:43,030 --> 00:00:52,910
a lot longer than the previous block of text so if I see the page and I previewed in the web browser

10
00:00:54,020 --> 00:00:55,790
we can see that the page now scrolls

11
00:01:01,580 --> 00:01:10,440
so we went over absolute positioning our parent in the last exercise had absolute positioning and we

12
00:01:10,440 --> 00:01:12,180
can see that with absolute positioning

13
00:01:17,930 --> 00:01:26,680
the parent div does in fact move with the rest of the content.

14
00:01:26,680 --> 00:01:32,400
When you scroll up and down.

15
00:01:32,600 --> 00:01:34,420
Now let's change the position to fixed

16
00:01:43,220 --> 00:01:54,910
and when we save the file refresh our browser you can see now that the parent div does not move up and

17
00:01:54,910 --> 00:01:58,480
down as you scroll through the contents of the web page

18
00:02:04,010 --> 00:02:07,190
and that is the difference there between fixed and absolute position.