HP作ってみる!

(119) CSSで width, heightを計算式で決める。

867 views

この記事は最終更新から 1541日 が経過しています。

1. やりたいこと

要素の縦横サイズを文字数を考慮して決めたい。

2. やってみる

例1 : 画面幅全体から15文字分だけ狭くしたい。

CSSで calc() を使って以下のように書けばよい。

width: calc(100% - 15rem);

こんな使い方をしたい時が極々稀にあるのだ…


アクセス数(直近7日): ※試験運用中、BOT除外簡易実装済
  • 2026-05-31: 0回
  • 2026-05-30: 3回
  • 2026-05-29: 0回
  • 2026-05-28: 0回
  • 2026-05-27: 0回
  • 2026-05-26: 3回
  • 2026-05-25: 0回
  • モバイルバージョンを終了