Как убрать горизонтальную прокрутку CSS

Чтобы убрать горизонтальную прокрутку (скроллбар) на странице по горизонтали, можно использовать следующий CSS-код:

body {
  overflow-x: hidden;
}

Этот код задает для тела (body) страницы CSS-свойство overflow-x: hidden;, которое скрывает горизонтальный скроллбар.

Если вам нужно скрыть горизонтальный скроллбар только для определенного элемента, а не для страницы в целом, вы можете использовать этот же код, но применить его к нужному элементу. Например:

.my-element {
  overflow-x: hidden;
}

Здесь .my-element — это класс элемента, горизонтальный скроллбар которого нужно скрыть.

Обратите внимание, что если содержимое элемента превышает его ширину, то оно все равно будет скрыто. Поэтому перед использованием этого кода убедитесь, что содержимое элемента не выходит за его границы. Если вы хотите автоматически подстраивать размер элемента под ширину его содержимого, используйте свойство width: auto;.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как убрать горизонтальную прокрутку CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали