CSS Positioning Flashcards
What is the default value for the position property of HTML elements?
Static
How does setting position: relative on an element affect document flow?
It doesn’t affect the rest of the document flow.
How does setting position: relative on an element affect where it appears on the page?
Moves an element in relation to where it would have been in normal flow.
How does setting position: absolute on an element affect document flow?
the element is taken out of normal flow and no longer affects the position of other elements on the page. (They act like it is not there.)
How does setting position: absolute on an element affect where it appears on the page?
The element is placed relative to the nearest non-static ancestor. (It will go back to the first HTML element that is not static.)
How do you constrain an absolutely positioned element to a containing block?
Containing block has to be non-static.
What are the four box offset properties?
Top, bottom, left, and right