javascript - CSS 高度依赖于其他 div 高度

Question

我有一个网站，顶部有水平菜单和子菜单。下面是主要的 div 和页脚。我想将我的子菜单最大高度设置为等于主 div 高度（每个页面上的高度不同，具体取决于内容）以不让它超过页脚。是否可以根据其他元素属性设置元素的 css 属性？

预先感谢您的帮助

Answer 1

这可以通过 CSS 和其他 HTML 代码来解决。

我很想建议您使用clearfix hack，但我不会，而是建议您使用另一个答案中描述并在JS Bin中演示的此解决方案进行调查。

Answer 2

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