Абсолютное позиционирование

Элемент с position: absolute выводится из нормального потока: остальные элементы ведут себя так, будто его на странице вообще нет, и занимают освободившееся место.

Смещения у него тоже работают иначе. Они отсчитываются не от исходного места элемента, а от краёв его ближайшего предка (родителя, родителя родителя и так далее), у которого position — любое значение, кроме static. Если такого предка нет, смещения отсчитываются от краёв страницы (точнее, от её первого экрана, как вы увидите дальше на этом уроке). Например:

.note {
	position: absolute;
	top: 0;
	right: 0;
}

Если ни у одного предка элемента с классом note нет позиционирования, отличного от static, этот элемент окажется в правом верхнем углу страницы.