【CSS】使いそうで使わない？いや、結構使えるcalc()関数！ | スタッフブログ | 株式会社クーネルワーク「あ〜、夏も終わるな〜。リキッドレイアウトなんだけどサイドバーの幅は固定でメインコンテンツ幅だけ可変にできないかな〜。」 って思ったこと、皆さんありますよね？夏ですしね。 どうもこんにちは、制作部の崎本です。 固定要素と可変要素が組み合わさるとめんどくさい！通常、cssのプロパティ値はpx, %, em, rem, vw, vhなど単一の単位を以って値の指定をします。 pxで絶対指定したり .hoge { width: 100px; }%などで相対指定したり .hoge { width: 70%; }色々な指定が可能なのは基本のキですよね。 基本的なレイアウトであればこれらの単位指定の使い分けでレスポンシブ対応含め実装可能かと思います。 では、冒頭のような場合はどうでしょうか？ 例えば以下のようなレイアウトを想定してみましょう。 コンテンツ全体（#container）最大幅 1000px左
