[CSS] CSSで長さなどを計算できちゃうcalc - YoheiM .NETオペランドの優先度は、数学と同じく、乗算と除算が、加算と減算よりも優先されます。以下のように利用する事が出来ます。 width: calc(100px + 200px * 2); /* 500px */ また、オペランドの優先度を使うために、（）を利用する事も出来ます。 width: calc((100px + 200px) * 2); /* 600px */ そしてcalc()のすばらしいところは、同じ長さを表す違う単位を使う事が出来るという点です。例えば以下のように使う事が出来ます。 width: calc(100% / 3 - 2 * 1em - 2 * 1px); ただし、長さの単位と時間の単位といった違う意味を示す単位は、混ぜ合わせて使うことはできません。以下の場合、エラーとなります。 /*エラーになる*/ font-size: calc(5px - 5px + 10s); あと
![[CSS] CSSで長さなどを計算できちゃうcalc - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/7ef5ab84db2509acccb72f46e3f993c8ea239c0f/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F310.jpg)
