Сокращающиеся элементы с прокладкой

Question

Для элемента с определенным левым и правым отступом кажется невозможным установить его ширину на меньшее, чем сумма двух.

Быстрый поиск Google заставил бы вас поверить, что спасение лежит в собственности box-sizing, и хотя это действительно имеет смысл (учитывая, как работает модель коробки), это на удивление достаточно ничего не меняет.

Что я пропустил?

В this minimal working example красный элемент не должен быть видимым. Я хотел бы избежать загромождения HTML с помощью посторонних элементов, если это возможно.

Answer 1

Красная область появляется из-за текста внутри нее. у вас есть 2 варианта, чтобы удалить текст или установить размер шрифта равным 0:

#c 
{ 
    background: red; 
    width: 0em; 
    font-size: 0em; 
}