Зафиксировать HTML элемент на экране с помощью CSS

На длинных HTML страницах бывает удобно, чтобы HTML элемент, например, кнопка, ведущая на верх страницы, или меню, были расположена в определенной части экрана. Именно экрана, а не страницы. Ну и кнопка должны быть выше остальных элементов.

Зафиксировать расположение HTML элемента можно с помощью свойства CSS position.

<div style="position: fixed; top: 20px; border: #000 1px solid; background:  white; padding: 10px 30px; border-radius: 5px;">Кнопка над остальным содержимым</div>

 

Эта кнопка будет всегда находиться в верху экрана, куда бы вы ни прокрутили страницу.

 


Комментариев нет »

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment






MarkiMarta.ru. Записки отца-программиста" с 2009 г.
Категория информационной продукции 18+
Яндекс.Метрика