It is possible to position elements with JavaScript. A simple example of such positioning is a tooltip which follows mouse.

This section describes how to get/calculate coordinates of elements and their position.

This section is about reading and changing the view of an element.

Please make sure you are familiar with CSS Box Model before reading it. Knowing what is a padding, margins, a border is a prerequirement.

CSS positioning becomes very important in building graphical components.

In this section we remember it and use in widgets.

There are two coordinate systems in the browser.

1. relative to document - the zero point is at the left-upper corner of the page.
2. relative to window - the zero point is at the left-upper corner of the current visible area.