css-positioning Flashcards
What is the default value for the position property of HTML elements?
Normal flow = each block-level element sits on top of the next one
CSS - {position: static; }
How does setting position: relative on an element affect document flow?
no effect - This does not affect the position of surrounding elements; they stay in the position they would be in normal flow.
How does setting position: relative on an element affect where it appears on the page?
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.
How does setting position: absolute on an element affect document flow?
It is taken out of normal flow, meaning that it does not affect the position of any surrounding elements (as they simply ignore the space it would have taken up).
How does setting position: absolute on an element affect where it appears on the page?
Absolutely positioned elements move as users scroll up and down the page
How do you constrain an absolutely positioned element to a containing block?
Absolutely positioned elements position themselves within the first non-static ancestor they have. Parent container, make position relative
What are the four box offset properties?
top bottom left right
