そう。私のコードは次のようなものです
<html>
<body>
<div id="header" style="width:100%;min-height:0;display:block;background-color:#000">
<img src="header_image.svg" />
</div>
<div id="content" style"display:block">
Some content
</div>
</body>
</html>
ウィンドウの幅と高さのスケールに一致してsvgを保持するように設定したヘッダーにsvgがあります。次に、ページの残りの部分を別の div に配置します。ページがスクロールせず、このコンテンツ div がウィンドウの残りの部分に合わせていっぱいになるようにしたいと思います。問題は、ウィンドウの幅によってヘッダーの高さが変化するため、コンテンツの div をピクセルやパーセンテージなど具体的に設定できないことです。
コンテンツ div の高さをヘッダーの高さで動的に変更するにはどうすればよいですか?
私は Javascript や JQuery を知りません (知っています、知っているはずです) が、コンテンツ div の高さを height:(viewport の高さ)-(header の高さ) のように設定するのが理想的ですが、これを行う方法がわかりません。