Javascript CSS高度取决于其他div高度

Javascript CSS高度取决于其他div高度,javascript,css,Javascript,Css,我有一个网站,上面有水平菜单和子菜单。 下面是主div和页脚。 我想将我的子菜单max height设置为main div height(每个页面上的最大高度不同,取决于内容),以避免它超出页脚。 是否可以根据其他元素属性设置on元素的css属性 提前感谢您的帮助加载页面后,您可以通过脚本设置菜单的最大高度。使用JQuery的示例: var mainDivHeight = $('#mainDiv').css('height'); //manipulate the height as you wa

我有一个网站,上面有水平菜单和子菜单。 下面是主div和页脚。 我想将我的子菜单max height设置为main div height(每个页面上的最大高度不同,取决于内容),以避免它超出页脚。 是否可以根据其他元素属性设置on元素的css属性


提前感谢您的帮助

加载页面后,您可以通过脚本设置菜单的最大高度。使用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');

这可以通过CSS和其他HTML代码来修复

我很想建议您使用,但我不会,相反,我建议您在中使用并演示