@Shura0102

Как сделать плавающий блок, чтобы он не выходил за границы экрана?

Подскажите пожалуйста, как сделать так, чтобы блок не выходил за пределы экрана?
Пример60f69aa34e940339996151.png
В данном случае блок при уменьшении экрана отталкивается от края, а в моём просто выходит за пределы. Подскажите, как это можно исправить?
  • Вопрос задан
  • 278 просмотров
Пригласить эксперта
Ответы на вопрос 1
NikitaTratorov
@NikitaTratorov
CTO
  • Если у него абсолютное позиционирование относительно body, можно указать right: 0
  • Второй вариант, вложить его в прозрачный div, растянутый на весь viewport с position: relative, тогда дочерний элемент не полезет наружу.
  • JavaScript. Вероятнее всего, на сайте со скриншота именно JS. Кстати, Popover в Bootstrap умеет подыскивать себе удобное местоположение, не уходя за границы экрана
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы