Width: inherit минус (или плюс)

Есть ли способ наследования ширины из другого класса, но с минус (или плюс) px size?

Это не является правильным css, но получите идею:

width: inherit - 20px ;

Поскольку я использую ширину наследования и 10px padding, она выходит за рамки + 20px;

Пример в реальном времени:

http://jsfiddle.net/d4Pge/

Ответ 1

Вы также можете использовать calc (см. этот jsfiddle), но я думаю, что размер окна подход kei может быть лучше для вашего конкретного случая.

Важными частями для вычисления являются:

position:relative;
width: calc(100% - 18px);

Проверить поддержку для calc здесь.

Ответ 2

Добавить box-sizing:border-box в .cb .x

DEMO

Ответ 3

Нет. Наследование CSS не работает таким образом вообще. Когда элемент наследует свойство, он всегда наследует его родительский (не из класса) и значение свойства родителя.

Чтобы достичь того, что вам нужно, вы должны описать, чего вы действительно хотите достичь (вместо предполагаемой техники). Теперь вы используете два вложенных элемента div, которые разделяют один и тот же класс, что, вероятно, является излишним.