他のクラスから幅を継承する方法はありますが、マイナス(またはプラス)pxサイズを使用していますか?
これは適切ではありませんcss
ですが、アイデアをつかんでください:
width: inherit - 20px ;
私は継承幅と10px
パディングを使用しているため、+ 20px
のボックスの外に出ます。
ライブの例:
calc
を使用することもできます(this jsfiddleを参照))が、ボックスサイズのアプローチは特定のケースでは、keiの方が適している場合があります。
Calcの重要な部分は次のとおりです。
position:relative;
width: calc(100% - 18px);
Calc here のサポートを確認してください。
追加 box-sizing:border-box
〜.cb .x
いいえ。CSS継承はそのようには機能しません。要素がプロパティを継承する場合、要素は常に(クラスからではなく)親から継承し、親のプロパティ値も継承します。
自分が求めていることを達成するためには、(想定される手法ではなく)本当に達成したいことを説明する必要があります。現在、2つのネストされたdiv
要素を使用していますが、どちらも同じクラスを共有しているため、おそらく不要です。