CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Positions - Part 2

The video tutorial covers various CSS positioning techniques, including position absolute, fixed, and sticky. It explains how position absolute allows elements to be positioned relative to their closest positioned parent, and how z-index affects stacking order. Position fixed is discussed in terms of its relation to the viewport, maintaining its position during scrolling. Position sticky is introduced as a hybrid of relative and fixed positioning, responding to scroll position. Practical examples are used throughout to illustrate these concepts.

What happens to an element with position absolute in terms of page flow?

• It becomes invisible.

• It jumps out of the normal flow of the page.

• It remains in the normal flow of the page.

• It is positioned at the top of the page.

How can you ensure an element with position absolute is positioned relative to its parent?

• Set the parent's position to static.

• Set the parent's position to relative or absolute.

• Set the parent's position to sticky.

• Set the parent's position to fixed.

What is the default value of the z-index property?

• 1

• 10

• 100

• 0

For the z-index property to work, what must be true about the element's position?

• It must be set to inherit.

• It must be set to static.

• It must be set to relative, absolute, or fixed.

• It must be set to sticky.

How does an element with position fixed behave when the page is scrolled?

• It moves with the page.

• It remains in the same place.

• It disappears.

• It changes its position to relative.

What is a common use case for position fixed?

• To create a footer that moves with the page.

• To hide elements on scroll.

• To fix navigation bars at the top of the page.

• To create a scrolling sidebar.

How does position sticky behave before and after reaching a specified scroll point?

• It acts like a static position before and absolute after.

• It acts like a fixed position before and relative after.

• It acts like a relative position before and fixed after.

• It acts like an absolute position before and static after.