What is “Absolute Positioning”?
In CSS, absolute positioning is a method of specifying where various elements on an HTML page will appear. As the name suggests, absolute positioning uses coordinates that, in many cases, refer to absolute positions in the browser window in order to place elements on the page. Here’s an example:
This code creates an area of text with its upper left corner positioned precisely 20 pixels from the top of the browser window and 10 pixels from the left of the browser window. If we want to get more specific, the reality is that the code is actually placing the text in relation to a positioning context. If no specific context is supplied, then the working context is the element with the greatest authority. In this case, it’s the element itself. This means that the text area in the
