Свойство overflow-x в CSS определяет, как веб-браузер обрабатывает содержимое элемента, если оно выходит за пределы его горизонтальной области.
Значения свойства overflow-x включают:
- visible: Содержимое выходит за пределы элемента. Это значение является значением по умолчанию.
- hidden: Содержимое будет обрезано, если оно выходит за пределы элемента. Содержимое за границами элемента будет скрыто.
- scroll: Строки и колонки появляются только после того, как пользователь прокручивает содержимое элемента.
- auto: Алгоритм отображения по умолчанию будет использован, и полосы прокрутки будут появляться только тогда, когда это необходимо.
Например, чтобы скрыть любое содержимое, которое выходит за пределы элемента div по горизонтали, используйте следующий CSS:
div {
overflow-x: hidden;
}Настройка свойства overflow-x может быть полезна, чтобы предотвратить горизонтальную прокрутку страницы в случае, если содержимое элемента выходит за его границы. Оно также может быть использовано для создания дизайна с фиксированной шириной элементов.
