If you don't explicitly set a value for the position property of an element, what value will it have?
a) No position values
b) Position: absolute;
c) Position: relative;
d) Position: static; - Answers d) position static
How do elements behave in what we call the "normal (or natural flow of the document"?
a. they stack top to bottom
b. they flow left to right
c. they flow left to right & top to bottom
d. they overlap unless directed otherwise - Answers c. they flow left to right & top to bottom
Which position value leaves an element in the normal/natural flow of the document?
a. static
b. relative
c. fixed
d. absolute - Answers a. static
When you set position: relative; on an element, what is that element being positioned relative to?
a. the four edges of the browser window
b. wherever the element would end up in the normal flow of the document
c. the next nearest element
d. the next nearest block element - Answers b. wherever the element would end up in the normal
flow of the document
When you set position: abolute; on an element, what is that element positioned in relation too?
a. it's parent element
b. the viewport
c. the browser window
, d. the elements nearest neighbor - Answers a. it's parent element
Which of the following must also happen in order to absolute-ly position an element?
a. the element must be a block-level element
b. the element must be an inline element
c. the element cannot have any child elements
d. the elements parent element must also be given a position value - Answers d. the elements
parent element must also be given a position value
What position value do you set on an element to position it relative to the four sides of the
viewport?
a. relative
b. absolute
c. fixed
d. static - Answers c. fixed
When you apply a position value, what should you generally also provide to position the element
where you want it?
a. the elements offset values
b. the elements height & width
c. the elements priority in the cascade
d. the elements z-index value - Answers a. the elements offset values
the z-index property controls which element will end up on top in the case of element overlap.
- true
- false - Answers true
which of the following can be used to create a nabber that stays in place on the page even when
the user scrolls?
a. position: absolute;
b. display: visible:
c. position: fixed;