calc()の働き(CSS関数)

calc() は、CSSの関数で、要素のサイズや位置を計算するために使用されます。特に、異なる単位を組み合わせて、動的な計算を行うことができます。

width: calc(100% - 20px);

この例では、要素の幅をその親要素の幅の 100% から 20px を引いた値に設定しています。これは、要素の幅が親要素の幅に対する割合から一定のピクセル数を引いたものになります。