CSS 高度依赖于其他 div 高度答案

【问题标题】：CSS height dependent on other div heightCSS 高度依赖于其他 div 高度
【发布时间】：2013-01-21 21:44:01
【问题描述】：

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

提前感谢您的帮助

【问题讨论】：

【解决方案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');

【讨论】：

【解决方案2】：

这可以通过 CSS 和额外的 HTML 代码来解决。

我很想建议您使用clearfix hack，但我不会，相反我建议您使用this solution described in another answer 进行调查并在JS Bin 中进行演示。

【讨论】：