ホームページ >ウェブフロントエンド >htmlチュートリアル >css_html/css_WEB-ITnose での calc() の使用
calc() は CSS3 の新機能で、動的計算に使用でき、非常に便利です。
まずは互換性です
使い方を見てみましょう
html{ font-size: 20px;}div{ width: calc(50% - 1px); height: calc(100px + 1rem);}
計算記号の両側にはスペースを残す必要があることに注意してください。
とてもシンプルで使いやすいです。