Я использую Oupflow-x: Auto , чтобы включить прокрутку при необходимости (см. Рисунок ниже). Но добавление этого свойства CSS также добавляет случайные границы в контейнер. В приведенном ниже примере переполнение включено в два контейнера, которые содержит различные данные переменной (wind_dir, wind_speed и т. Д.). Вы можете видеть, что белая вертикальная линия была добавлена слева от верхнего контейнера, а в нижний контейнер был добавлен полный квадрат.
Код: Выделить всё
.container{
display: flex;
justify-content: space-evenly;
background-color: var(--dark-blue);
overflow-x: auto;
}
< /code>
То же самое происходит, когда Oupflow-X находится на Scroll. И при добавлении класса как SO: < /p>
.no-scrollbar::-webkit-scrollbar {
display: none;
}
Он правильно скрывает прокрутку, но граница остается.>
Подробнее здесь:
https://stackoverflow.com/questions/796 ... ll-or-auto
Мобильная версия