Продолжаем рассматривать позиционирование в css. В прошлом уроке мы говорили про относительное позиционирование, а сегодня давайте рассмотрим фиксированное позиционирование.
Чтобы лучше разобраться с фиксированным позиционированием, давайте рассмотрим следующий пример.
Допустим нам необходимо поместить кнопку вот в этом месте и эта картинка должна быть ссылкой. Для этого создаем блок div. Внутри него находится ссылка и якорем этой ссылки есть картинка. Кликнувши по этой картинке должны происходить какие-то действия. Сам элемент должен быть зафиксирован, и если мы прокручивает страницу, он должен все время оставаться на одном и том же месте. На определенном расстоянии от верхнего края окна браузера.
Переходим к практике.
Чтобы лучше разобраться с фиксированным позиционированием, давайте рассмотрим следующий пример.
Допустим нам необходимо поместить кнопку вот в этом месте и эта картинка должна быть ссылкой. Для этого создаем блок div. Внутри него находится ссылка и якорем этой ссылки есть картинка. Кликнувши по этой картинке должны происходить какие-то действия. Сам элемент должен быть зафиксирован, и если мы прокручивает страницу, он должен все время оставаться на одном и том же месте. На определенном расстоянии от верхнего края окна браузера.
Переходим к практике.