Что влияет на высоту элемента

Высота элемента определяется несколькими факторами:

1. Высота контента - текст, изображения, дочерние элементы
2. CSS-свойства:
   • height, min-height, max-height
   • padding (внутренние отступы)
   • border (толщина рамки)
   • box-sizing (влияет на расчет размеров)
3. Поток документа - поведение соседних элементов
4. Наследование - от родительских элементов
5. Viewport units - vh, % относительно родителя

Пример:

.box {
  height: 200px; /* фиксированная высота */
  padding: 20px; /* увеличит общую высоту если box-sizing: content-box */
  border: 1px solid #000; /* +2px к высоте */
  box-sizing: border-box; /* padding и border включены в height */
}