Задать вопрос
@vasIvas

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

Забегая немного вперед в своих "упражнениях css" хочу узнать можно ли позиционировать выпадающее меню с помощью только одного css. Представьте что есть установленная ширина 800px и последний пункт меню прижат полностью вправо. И когда я по нему кликаю выпадающий список выходит за пределы 800px. Можно этого избежать только с помощью css? И если да, то хоть на словах объясните как.
  • Вопрос задан
  • 995 просмотров
Подписаться 1 Оценить Комментировать
Решения вопроса 1
nikolayshabalin
@nikolayshabalin
Автор профессиональных курсов в HTML Academy
На css такое делать не желательно.
Но если ради эксперимента, вы можете через последний пункт меню, поменять позиционирование выпадающего списка.

У вас наверняка выпадающий список выглядит вот так. Ну т.е. "прицепляется" к пункту меню слева сверху.

CSS
.subList {
  ...
  position: absolute;
  top: 0;
  left: 0;
  ...
}


Вот вам надо, чтобы у последнего пункта меню выпадабщий список "прицепился" к правой стороне.

CSS
.items:last-child {
  .subList {
    right: 0;
  }
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@dixoNich
frontend developer
Ваш ответ на вопрос

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

Похожие вопросы