Какие CSS свойства влияют на размеры блочного элемента?

На размеры блочного элемента влияют свойства размеров, box model и контекст раскладки, в котором он находится.

Свойства размеров

• width, height и ограничения min-*, max-*;
• aspect-ratio — задаёт пропорции, если указана только одна сторона.

Box model

• padding и border — добавляются к размеру или входят в него в зависимости от box-sizing;
• margin — не меняет размер самого блока, но влияет на занимаемое место (а margin: auto — на положение).

Содержимое и переполнение

• без заданной высоты блок растёт по содержимому;
• overflow решает, что делать, если содержимое больше блока;
• длинные слова без переносов распирают блок — помогает overflow-wrap: anywhere.

Контекст

• во flex-контейнере — flex-grow, flex-shrink, flex-basis;
• в grid — размеры дорожек (fr, minmax);
• position: absolute с top и bottom растягивает блок по высоте.

.card {
  box-sizing: border-box;
  width: min(100%, 400px);
  padding: 16px;
  aspect-ratio: 4 / 3;
}

Коротко для собеседования

Размер задают width/height с min/max и aspect-ratio, к ним добавляются padding и border (по box-sizing), а во flex и grid размер ещё определяет контейнер.

Подробнее: MDN — Размеры элементов