【CSS】calcの使い方！計算式で幅などの値が指定できて便利！ | Handy Web Design

を使って計算することができます。これは普段の計算でもよく使うので簡単ですね。 calcの具体的な使い方 実際にいくつか例を元に使ってみたいと思います 基本的な計算 何か足したり、引いたりしたいという時にはこのような書き方になります。 See the Pen boGxoP by tatsuya nakafuji (@handywebdesign) on CodePen. 全て同じ幅になるように設定してみましたが、このように普段でも使うような計算式で数値を設定することができます。 パーゼンテージ(%)も使える 使えるのはpxや数値だけでなく、パーセンテージ(%)も使えます See the Pen calcを使った実例２ by tatsuya nakafuji (@handywebdesign) on CodePen. 自分でわざわざ計算して指定する必要がない分、指定が楽になります。この書き方だ

[kiyokichi]

たとえばリキッドレイアウト(横幅は大枠決め打ち)でマイナスmarginを使って等幅ボックスを等間隔に配置するときなどに。