寬度：繼承減去（或加上）

Question

是否有任何方法來繼承其他類的寬度，但與減去（或加）px大小？

這是不妥當的css但得到的想法：

width: inherit - 20px ; 

由於我使用的是繼承的寬度和10px填充它去框之外+ 20px;

活生生的例子：

http://jsfiddle.net/d4Pge/

Answer 1

您還可以使用calc（見this jsfiddle），但我認爲，通過計盒大小的方法可能是您的特定情況下更好。

對鈣的重要組成部分有：鈣here

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

檢查的支持。

Answer 2

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

DEMO

Answer 3

號CSS繼承不起作用這樣的。當一個元素繼承一個屬性時，它總是從它的父類（而不是從一個類）繼承，並且繼承父類的屬性值。

爲了實現你的目標，你應該描述你真正希望達到的目標（而不是假設的技術）。您現在使用兩個嵌套的div元素，它們共享相同的類，這可能是多餘的。