web-dev-qa-db-ja.com

幅:マイナス(またはプラス)を継承

他のクラスから幅を継承する方法はありますが、マイナス(またはプラス)pxサイズを使用していますか?

これは適切ではありませんcssですが、アイデアをつかんでください:

width: inherit - 20px ;

私は継承幅と10pxパディングを使用しているため、+ 20pxのボックスの外に出ます。

ライブの例:

http://jsfiddle.net/d4Pge/

17
masteringtaiwan

calcを使用することもできます(this jsfiddleを参照))が、ボックスサイズのアプローチは特定のケースでは、keiの方が適している場合があります。

Calcの重要な部分は次のとおりです。

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

Calc here のサポートを確認してください。

27
acarlon

追加 box-sizing:border-box.cb .x

[〜#〜] demo [〜#〜]

2
kei

いいえ。CSS継承はそのようには機能しません。要素がプロパティを継承する場合、要素は常に(クラスからではなく)親から継承し、親のプロパティ値も継承します。

自分が求めていることを達成するためには、(想定される手法ではなく)本当に達成したいことを説明する必要があります。現在、2つのネストされたdiv要素を使用していますが、どちらも同じクラスを共有しているため、おそらく不要です。

0