As promised, in today’s article we’ll discuss the absolute and the fixed positioning in CSS. We’ll also address the topic of containing blocks, which have a significant impact on absolute positioning in particular.
Today we’ll continue our tour of CSS features and delve into the quirks of positioning elements on a web page.
A DOM Element has 3 dimensions, one for each axis. The X and Y axes place an element on the page, horizontally and vertically. The Z axis brings elements closer or farther from the user. Also, the Z axis is used when deciding what element will be shown when two or several elements have overlapping content.