質問: ヘッダーを固定し、レスポンシブで可変型にしたときに、 下のコンテンツでpaddingかmarginをヘッダーの固定の高さ分入れるのですが、 ヘッダーが可変型だと、ウインドウサイズによってずれてくると思うのですが、 これをずれないようにヘッダーの高さが変われば、下のコンテンツの上マージンも可変するといった形は可能でしょうか。 わかりにくいですが、サンプルを作成しました。 こちらの幅を変えてみるとお分かりいただけるかと思います。 よろしくお願いいたします。
回答: こんにちは。 「%」じゃなくて「vw」で指定してみては? ブレイクポイント設定してやれば問題ないかと。 ``` #container { height: 1000px; padding-top:25vw; } ```