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 the position of surrounding elements; they stay in the position they would be in in normal flow.

Question 3

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

Answer 3

This moves an element from the position it would be in normal flow, shifting it to the top, right, bottom, or left of where it would have been placed.

Question 4

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

Answer 4

The element is removed from the normal document flow, and no space is created for the element in the page layout.

Question 5

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

Answer 5

It is positioned relative to its closest non-static positioned ancestor, if any; otherwise, it is placed relative to the initial containing block. Its final position is determined by the values of top, right, bottom, and left.

Question 6

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

Answer 6

The containing block must be set to a non-static position.

Question 7

What are the four box offset properties?

Answer 7

1. top
2. right
3. bottom
4. left