2017/06/22 「100%から4pxを引いた数を設定したい」など、計算式を値に設定したい場合は、calc関数を利用します。 サンプルコードcalc()の括弧内に計算式を指定します。演算記号の左右には半角スペースを入れる必要があります。 div { width: calc( 100% - 50px ) ; }デモ%とpxの組み合わせ「100%から50pxを引いた数値」をwidthプロパティに指定する例です。このように具体的に指定できない値を算出できるのが特徴です。 <!-- このコードは編集できます。 --> <!DOCTYPE html> <html> <head> <style> div { width: calc( 100% - 50px ) ; background: peachpuff ; } </style> </head> <body> <div>100%から50px引い
![CSSで計算式で値を指定する方法 (calcファンクション)](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b1ba5e72f317ea21defac5a5864bc77b6e8d596/height=288;version=1;width=512/https%3A%2F%2Flab.syncer.jp%2FWeb%2FCSS%2FSnippet%2Fopengraph.png)