[解決済み】CSS3でdivを100%より50px小さくすることは可能ですか？[重複している]。

質問

を作ることは可能でしょうか？ div 純粋なCSSで100%より50px少ない？が欲しいです。 <div> を100%より50pxだけ小さくしてください。JavaScriptはいらない。

どのように解決するのですか？

IEを使わずとも可能です。 expression() を使えば、CSS3でもそれが可能です。 calc() .

div {
    width: 100%;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
}

デモ http://jsfiddle.net/thirtydot/Nw3yd/66/

そうすれば、あなたの生活はとても楽になるはずです。現在、Firefox、Google Chrome（WebKit）、IE9の3つの主要ブラウザに対応しています。 http://caniuse.com/calc

MDN https://developer.mozilla.org/en/CSS/-moz-calc