Почему ширина .box отображается как 139 пикселей, а 120 пикселей? ⇐ CSS

[Гость]

фиксация результата зайдите в codepen, чтобы увидеть результат онлайн

*{ размер коробки: граница-коробка; маржа: 0; заполнение: 0; } .коробка{ позиция: абсолютная; цвет фона: красный; минимальная ширина: 24 пикселей; } .вход{ минимальная ширина: 0; ширина: 100%; граница: нет; заполнение: 0; фон: прозрачный; контур: нет; нижняя граница: 1 пиксель, сплошной синий; } .текст{ минимальная ширина: 120 пикселей; Текст

.box должна иметь ширину рендеринга 120 пикселей, что случилось?