Что произойдет, если содержимое блока превысит его размеры?

Question

Если содержимое блока превышает его размеры, по умолчанию оно выйдет за пределы блока. Это можно контролировать с помощью свойств CSS, таких как overflow, которые позволяют скрыть переполнение, добавить прокрутку или автоматически изменить размеры блока.

YeaHub · Accepted Answer

При переполнении содержимого блока, оно по умолчанию будет выходить за его границы, что может привести к неэстетичному виду или наложению элементов. Чтобы предотвратить это, можно использовать свойство overflow, которое поддерживает несколько значений: visible (по умолчанию, содержимое выходит за пределы блока), hidden (скрывает переполненное содержимое), scroll (добавляет прокрутку), и auto (добавляет прокрутку, если содержимого больше, чем размер блока). Например, для создания прокручиваемого блока с фиксированной высотой можно задать:div {
	height: 100px;
	overflow: auto;
}Это добавит вертикальную прокрутку, если содержимого окажется больше 100 пикселей.