width：继承减去（或加号）

Question

是否有任何方法可以从其他类继承宽度，但减去（或加上）px 大小？

这不合适css但是明白了：

width: inherit - 20px ;

由于我使用了继承宽度和10px填充，因此它超出了+ 20px的框;

实例：

http://jsfiddle.net/d4Pge/

Answer 1

您也可以使用calc（请参阅 this jsfiddle ），但我认为kei的大小调整方法可能更适合您的具体情况。

计算的重要部分是：

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

检查对calc here的支持。

Answer 2

将box-sizing:border-box添加到.cb .x

DEMO

Answer 3

没有。 CSS继承根本不起作用。当一个元素继承一个属性时，它总是从它的父（而不是一个类）继承，并且继承父元素的属性值。

为了实现你所追求的目标，你应该描述你真正希望实现的目标（而不是假定的技术）。您现在使用两个嵌套的div元素，它们共享同一个类，这可能是多余的。