1. ホーム
  2. html

[解決済み] CSSでwidth = 100% - 100pxを行うにはどうすればよいですか?

2022-04-20 12:42:55

質問

CSSで、以下のようなことをするにはどうしたらよいでしょうか。

width: 100% - 100px;

これはかなり単純なことだと思いますが、それを示す例を見つけるのは少し難しいです。

どのように解決するのですか?

モダンブラウザでサポートされるようになりました。

width: calc(100% - 100px);

対応ブラウザのバージョン一覧を見るにはチェックアウトしてください。 CSSの単位値としてcalc()は使えますか?

jQueryのフォールバックがあります。 css width: calc(100% -100px); jqueryを使用した代替案です。