Что будет если содержимое превысит размеры блока

Если содержимое блока превышает его размеры, поведение зависит от CSS-свойства overflow:

1. По умолчанию (overflow: visible) - содержимое выходит за границы блока и перекрывает соседние элементы.
2. overflow: hidden - лишнее содержимое обрезается и становится невидимым.
3. overflow: scroll - добавляются полосы прокрутки (даже если контент помещается).
4. overflow: auto - полосы прокрутки появляются только при необходимости.

Пример:

.container {
  width: 200px;
  height: 100px;
  overflow: auto; /* или hidden/scroll/visible */
  border: 1px solid #000;
}

Для текста можно использовать:

.text {
  white-space: nowrap; /* запрет переноса */
  text-overflow: ellipsis; /* троеточие при обрезке */
  overflow: hidden;
}