Too Long; Didn't Read
Positioning elements on web pages is based on the position of Content Box (gray box in image) vs Viewport(black border separated) positioning elements on our web page. It helps to concentrate users on some part of the page. We will take a look positioning element base on those two criteria in this article. It would be more clear if we separate property of display in tree class: DOM-based - static, fixed, relative, absolute, absolute Viewport based. Conditional - sticky - sticky-property. It will be positioned according to document flow.