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

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

body {
  overflow-x: hidden;
}

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

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

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

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

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