1) position: static; Значение по умолчанию; Элементы отображаются как обычно. Использование свойств left, top, right и bottom не приводит к каким-либо результатам.
2) position: relative; left: 20px; top: 10px; Положение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения.
3) position: absolute; top: 230px; left: 50px; Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.
4) position: fixed; left: 500px; top: 300px; По своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы.
5) position: inherit; Наследует значение родителя. (Inherit block In Fixed one)