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

投稿者: | 2022年3月11日

863 views

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

1. やりたいこと

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

2. やってみる

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

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

width: calc(100% - 15rem);

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


アクセス数(直近7日): ※試験運用中、BOT除外簡易実装済
  • 2026-05-15: 1回
  • 2026-05-14: 1回
  • 2026-05-13: 1回
  • 2026-05-12: 1回
  • 2026-05-11: 0回
  • 2026-05-10: 1回
  • 2026-05-09: 0回
  • カテゴリー: CSS

    コメントを残す

    メールアドレスが公開されることはありません。 が付いている欄は必須項目です


    日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)