Можно ли учитывать ширину блока вместе с границей

Да, можно. Для этого используется CSS-свойство box-sizing: border-box. Оно включает padding и border в общую ширину и высоту элемента. По умолчанию (box-sizing: content-box) ширина считается без учета padding и border.

Пример:

.box {
  box-sizing: border-box;
  width: 200px;
  padding: 20px;
  border: 5px solid black;
}
/* Фактическая ширина блока останется 200px (включая padding и border) */

Без border-box реальная ширина стала бы 250px (200px + 20px padding слева/справа + 5px border слева/справа). Это особенно полезно при верстке адаптивных интерфейсов.