How does an element with position: static behave?
position: static
It stays anchored to the viewport while the page scrolls.
It is offset from its normal position while its original space is preserved.
It remains in normal document flow, and positioning offsets such as top and left do not move it.
top
left
It is removed from normal flow and positioned against an ancestor.