javascript - 他の div の高さに依存する CSS の高さ

Question

私はウェブサイトを持っており、上部にサブメニューのある水平メニューがあります。以下は、メインの div とフッターです。サブメニューの max-height をメインの div の高さに等しく設定して (コンテンツに応じてページごとに異なります)、フッターを超えないようにします。他の要素のプロパティに応じて、要素のcssプロパティを設定することは可能ですか?

助けてくれてありがとう

Answer 1

ページが読み込まれた後、スクリプトを使用してメニューの最大高さを設定できます。JQueryの使用例：

var mainDivHeight = $('#mainDiv').css('height');
//manipulate the height as you want if it is different than the maindiv's height
var menuHeight = mainDivHeight - 50;
$('#menuDiv').css('max-height', 'menuHeight');

Answer 2

これは、CSS と追加の HTML コードで修正できます。

clearfix hackを使用することをお勧めしますが、私はそうしません。代わりに、別の回答で説明され、 JS Binで示されているこのソリューションで調査することをお勧めします。