@sciencefront

Как исправить проблему контейнера?

пример размер экрана 550

после клика на текст click block
смотрю контейнеры
.app-page-container ширина 502
а .toolbar__elem 510
на 8 пикселей разница
https://codepen.io/Olya097/pen/WNzJBKV
  • Вопрос задан
  • 71 просмотр
Пригласить эксперта
Ответы на вопрос 1
@strelok011
Ну, хотя бы потому что добавляя класс "modal open" вы добавляете отступ на оборачивающий блок справа padding 8 px. Соответственно написанным вами стилям контент смещается и на него влияют оборачивающие стили, а вот блок тулбара у вас position fixed, эта конструкция вырывает элемент из потока и отступ всей обертки на него не влияет.

Где вы такой замшелый способ прибития футера к низу нашли? Делайте на флексах, контентной части флекс гроу 1, общему контейнеру с флексом минимальную высоту 100% и этого будет достаточно.

Я так понимаю, когда вы хотите отображать модалку и замораживаете скролл, у вас пропадает ширина скроллбара и картинка (если скролл был) начинает скакать. Так вот в случае, когда контента не достаточно на появление скролла, у вас ровно обратная ситуация возникает.
Почитайте про варианты блокирования скролла, возможно найдете более подходящее решение.
Ответ написан
Ваш ответ на вопрос

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

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