div{
position: static;
}
				
			

Video Summary

Alright in this section we’re going to start learning about the position property and the things that we can do with that property. Now, the value static is the default version of what CSS in the HTML consider every element that we put on there. So static doesn’t really do anything if we are in code pen and we are utilizing the static value. But where this may come into play is as we’re going to learn about fixed and sticky positions, where we’re going to be able to have elements fixed on the same part of the screen no matter where you’re at. And then the sticky part is is that once we start scrolling down the screen, it will stick to a certain section. Now you might run into a scenario where you may have a header like your your main menu at the top sticks or as fixed in the same place no matter where you go on this or ignore them no matter where you scroll throughout the webpage. And maybe you do not want that function. So that’s where you would go in and find that position for that element and then be able to put the aesthetic. So with that being said, I’m gonna hop over to code pen and I’m going to show you the Pole Position.

Position static, we’re not seeing anything because that is the default. But we’re gonna hop in and we’re gonna learn about the fixed and sticky positions because those are really great features and those are really going to create extra functionality for your sites. So with that being said, let’s hop over and learn about fixed positions.