Плавающий элемент в дизайне веб-сайтов можно использовать, например, для того, чтобы его содержимое всегда было на экране даже при скролле. 1 Например, кнопка в начале страницы, которая при прокрутке вниз «залипает», а при обратном скролле возвращается на своё место. 1

Также с помощью CSS-свойства float можно управлять размещением любых других элементов на странице: меню навигации, боковых панелей, рекламных блоков. 2 Например, перемещать изображения к одной из сторон экрана. 2

Ещё один вариант использования плавающего элемента — создание плавающей кнопки. 3 Как правило, это небольшой элемент, располагающийся в правой части экрана, который не привязан к конкретной странице, а перемещается вместе с пользователем. 3 Например, кнопка со стрелкой вверх, которая помогает быстро и комфортно вернуться к началу страницы сайта. 3