Справочники CSS3 overflow

Информация по поводу - overflow

Свойство overflow указывает как будет вести себя текст, который будет вылазить за рамки объекта.


Значения:

  • scroll - весь текст можно будет проскролить, если он будет большим за высоту или ширину блока. Всегда будут полосы прокрутки;
  • visible - весь текст будет отображаться поверх блока, если он будет большим за высоту или ширину блока;
  • auto - весь текст можно будет проскролить, если он будет большим за высоту или ширину блока. Полосы прокрутки добавляются только при необходимости;
  • hidden - весь текст, который не будет помещаться в блок будет скрыт из поля видимости.


Пример свойства:
div {
	height: 50px;
	padding: 25px;
	width: 150px;
	background: silver;
	overflow: auto;
}

Результат:


Весь текст, что не поместился сюда попросту можно проскролить.