Есть ли способ наследования ширины из другого класса, но с минус (или плюс) px size?
Это не является правильным css, но получите идею:
width: inherit - 20px ;
Поскольку я использую ширину наследования и 10px padding, она выходит за рамки + 20px;
Пример в реальном времени:
Вы также можете использовать calc (см. этот jsfiddle), но я думаю, что размер окна подход kei может быть лучше для вашего конкретного случая.
Важными частями для вычисления являются:
position:relative;
width: calc(100% - 18px);
Проверить поддержку для calc здесь.
Добавить box-sizing:border-box в .cb .x
Нет. Наследование CSS не работает таким образом вообще. Когда элемент наследует свойство, он всегда наследует его родительский (не из класса) и значение свойства родителя.
Чтобы достичь того, что вам нужно, вы должны описать, чего вы действительно хотите достичь (вместо предполагаемой техники). Теперь вы используете два вложенных элемента div, которые разделяют один и тот же класс, что, вероятно, является излишним.