В прошлых уроках мы подробно разбирали блочную модель вертски, как отступать блоки друг от друга, изучали поведение и расположение элементов относительно друг друга.
Но как располагать элементы на странице, не влияя на расположение других блоков, не нарушая семантику документа? Для этого существует позиционирование (position). Это правило может применять 4 значения — relative, absolute, fixed и static. В этом уроке речь пойдет о фиксированном позиционировании (position:fixed)
Важно сказать, что применение одного лишь правила position недостаточно. Мы должны задать координаты позиции элемента (по аналогии кораблей на листе бумаги в игре «Морской бой»). В css есть 4 координаты — top, left, right, bottom. Их значения можно задавать в пикселях или процентах.
Код урока - http://kamil-abzalov.ru/videouroki/html-css/css-pozicionirovanie-jelementov/