Почему я получаю ошибку

Точное определение border-box:

То есть любое заполнение или граница, указанные в элементе, выложены и вычерчены внутри этой указанной ширины и высоты. Ширина и высота содержимого вычисляются путем вычитания границ и ширины заполнения соответствующих сторон из заданных свойств «ширина» и «высота».

Итак, вы изменяете свойства ширины по ширине, но padding и border никогда не меняются.

Поскольку ширина и высота содержимого не могут быть отрицательными ( [CSS21], раздел 10.2), это вычисление заполняется на 0.

Тогда, если height равно 0, вы не можете сделать заполнение внутри, потому что это означает, что высота будет отрицательной .