1
00:00:00,720 --> 00:00:11,060
Hello and welcome to this video on static position the static position is the normal behaviour that

2
00:00:11,080 --> 00:00:15,480
an element is laid out when it is created.

3
00:00:15,480 --> 00:00:23,060
So the top arrived bottom left does not apply in this tactic Cita way.

4
00:00:23,250 --> 00:00:31,320
So when an element is created by default it assumes a static position.

5
00:00:31,320 --> 00:00:34,770
I have got indiv on this page.

6
00:00:34,770 --> 00:00:40,110
This is just a sample web page that displays this could here on the left.

7
00:00:40,110 --> 00:00:44,450
So this is the fall did here in between B.

8
00:00:44,520 --> 00:00:54,190
Tags and I have given the div a clock made giving it a border.

9
00:00:54,270 --> 00:00:58,310
I also give in the border with that thickness.

10
00:00:58,560 --> 00:01:08,080
The position I have set the position to be static so means it assumes the position when it was created

11
00:01:08,090 --> 00:01:13,880
so that goes with the normal flow of the elements in the page.

12
00:01:13,920 --> 00:01:18,070
So if you notice that paragraph was created first.

13
00:01:18,380 --> 00:01:22,820
Now the haish to tag the heading tag was created first.

14
00:01:23,070 --> 00:01:27,330
Then the paragraph next and then did D.

15
00:01:27,360 --> 00:01:33,330
So if you notice all these elements they have assumed their normal position.

16
00:01:33,330 --> 00:01:42,880
Cording to the way the hierarchy they were created on the document saw the way the elements are and

17
00:01:42,880 --> 00:01:46,720
they can't be affected in any way.

18
00:01:46,740 --> 00:01:55,110
However by the top right bottom left because it position there is the default position which is this

19
00:01:55,170 --> 00:02:00,750
tactic position of rossel set the position to be static.

20
00:02:00,870 --> 00:02:10,340
So that means it will remain in the original source flow of how it was created in the document.

21
00:02:10,890 --> 00:02:12,520
So when you create elements.

22
00:02:12,570 --> 00:02:21,330
If you don't set position equal as you static position so you don't necessarily have to specify a static

23
00:02:21,780 --> 00:02:24,650
born by specifying it you just enforce it.

24
00:02:24,950 --> 00:02:32,160
If you don't specify the position it will by default be static.

25
00:02:32,370 --> 00:02:37,470
I have created a second div on the first one.

26
00:02:37,470 --> 00:02:46,890
This is the second diff here have given it an idea of default and apply this style different now compared

27
00:02:46,890 --> 00:02:48,360
to the first div.

28
00:02:48,570 --> 00:02:57,960
So as you can see the d r position up cording to the with B being created on the on the document is

29
00:02:58,010 --> 00:03:01,510
meant in the hierarchy of creation.

30
00:03:01,560 --> 00:03:10,320
So if you notice the heading tag was created first then the paragraph tag and then the first Dave and

31
00:03:10,320 --> 00:03:11,570
then the second day.

32
00:03:11,740 --> 00:03:19,650
So all these elements are in the static position which is the default position that the elmina's will

33
00:03:19,830 --> 00:03:23,250
zew when they are created.

34
00:03:23,250 --> 00:03:24,590
School in this video.

35
00:03:24,600 --> 00:03:31,910
We all went through what ifs tactic position is can also give you an illustration.

36
00:03:31,920 --> 00:03:43,770
Use in D and paragraph tag and also a heading tag to law street how elements are displayed in a static

37
00:03:44,160 --> 00:03:44,440
way.

38
00:03:44,460 --> 00:03:50,220
When we are created they maintain the hierarchy of creation on the document.

39
00:03:50,220 --> 00:03:51,980
Thank you so much for watching.

40
00:03:52,050 --> 00:03:55,340
I hope the video has been useful to you.

41
00:03:55,350 --> 00:04:00,180
I now have an idea of what that position does.

42
00:04:00,180 --> 00:04:02,910
So wait you are creating elements.

43
00:04:02,940 --> 00:04:10,030
If you don't specify the position it will assume the static position which is the default one.

44
00:04:10,320 --> 00:04:12,270
Thank you so much for watching.

45
00:04:12,270 --> 00:04:13,220
Bye for now.