Как свойства overflow-x и overflow-y влияют на отображение веб-страниц?

Свойства overflow-x и overflow-y влияют на отображение веб-страниц, определяя, как содержимое блока будет вести себя при переполнении контейнера. html5book.ru www.internet-technologies.ru

Overflow-x отвечает за переполнение в горизонтальном направлении, то есть с левой и правой сторон блока. html5book.ru blog.hubspot.com Некоторые значения свойства и их влияние на отображение:

• visible (значение по умолчанию). html5book.ru Содержимое не обрезается, а отображается поверх границ блока-контейнера. html5book.ru Возможно перекрытие соседних блоков. html5book.ru
• hidden. html5book.ru Содержимое блока обрезается без добавления какого-либо интерфейса прокрутки для просмотра содержимого вне области обрезки. html5book.ru
• scroll. html5book.ru Содержимое обрезается до области полей, при этом блок становится прокручиваемым контейнером. html5book.ru Если браузер использует механизм прокрутки, который виден на экране, например, полосу прокрутки, этот механизм отображается независимо от того, обрезано ли какое-либо его содержимое. html5book.ru
• auto. html5book.ru Браузер использует механизм прокрутки только при переполнении блока. html5book.ru

Overflow-y отвечает за переполнение в вертикальном направлении, то есть с верхней и нижней сторон блока. html5book.ru blog.hubspot.com Некоторые значения свойства и их влияние на отображение:

• visible. html5book.ru Содержимое не обрезается, а отображается поверх границ блока-контейнера. html5book.ru Возможно перекрытие соседних блоков. html5book.ru
• hidden. html5book.ru Содержимое блока обрезается без добавления какого-либо интерфейса прокрутки для просмотра содержимого вне области обрезки. html5book.ru
• scroll. html5book.ru Содержимое обрезается до области полей, при этом блок становится прокручиваемым контейнером. html5book.ru Если браузер использует механизм прокрутки, который виден на экране, например, полосу прокрутки, этот механизм отображается независимо от того, обрезано ли какое-либо его содержимое. html5book.ru
• auto. html5book.ru Браузер использует механизм прокрутки только при переполнении блока. html5book.ru