CSS： widthなどの数値を自動計算してくれる神機能「calc」

こんにちは、さち です。 CSS には「margin」「padding」「width」「height」など、数値を指定するプロパティがたくさんあります。 ただ、サイトの構造が複雑になると固定の数値を指定するだけでは足りない場面もあり、数値を自動算出して欲しいと思うことが…。 そんなときに超便利なのが「calc」です。「calc」は CSS（CSS3） の標準機能なので前準備は不要。今すぐ使えます。 「calc」で式を書けば数値を計算してくれる 「calc」は CSS（CSS3） に標準で備わっている機能で、計算式を書くとそれを自動計算してくれます。 例えば、「width」の値をこう書けば自動的に「33.3333…%」と計算してくれます。割り切れない数を指定するのが簡単になりますね。 .OneThird { width: calc(100% / 3); /* =33.3333…% */ fl

[kiss-a-ten]

CSS： widthなどの数値を自動計算してくれる神機能「calc」　コレ一部導入している