Как убрать скролл у страницы css?

Question

[Ismail-1]

Добрый вечер!

При добавлении свойства owerflow: hiden элементы скрылись однако у всей странице появляется нижний скролл. И нижнее меню растягивается на ширину учитывая и скрытые элементы.

Почему так происходит?

.input__wrapper{
    white-space: nowrap;
    overflow: hidden
}

Comments

[Ankhena]

Почему так происходит?

Вы серьезно считаете, что показанного вами кода достаточно?

Сделайте песочницу с видимой проблемой на codepen.io или ссылку на сайт.

Answer 1

[Kostenitskiy_A]

Если хочешь убрать горизонтальный скролл, примени это свойство к контейнеру в котором находятся элементы

overflow-x: hidden;

Comments

[Евгений Запунный]

А если хочешь убрать только вертикальный: overflow-y:hidden;

[Ismail-1]

Спасибо за ответ!
Когда родителю указал свойство position: relative скролл пропал