08 - CSS Positioning

Question 1

What is the default value for the position property of HTML elements?

Answer 1

Static

Question 2

How does setting position: relative on an element affect document flow?

Answer 2

It does not affect flow.

Question 3

How does setting position: relative on an element affect where it appears on the page?

Answer 3

Use top or bottom and left or right to indicate how far to move the element from where it would have been in normal flow.

Question 4

How does setting position: absolute on an element affect document flow?

Answer 4

The box is taken out of normal flow and no longer affects the position of other elements on the page.

Question 5

How does setting position: absolute on an element affect where it appears on the page?

Answer 5

Top left.
The box offset properties (top or bottom and left or right) specify where the element should appear in relation to its containing element.

Question 6

How do you constrain an absolutely positioned element to a containing block?

Answer 6

Any other besides static. Position: fixed

Question 7

What are the four box offset properties?

Answer 7

Top, Bottom, Left and Right