我有一个菜单栏，其中包含一些子元素（包括一个输入框，2个下拉菜单和一个链接，用于在菜单栏下显示一个divbox）。 http://jsfiddle.net/thapar/GLwRr/
菜单栏当前符合具有最大高度的子元素的高度。我想让菜单栏的其他子元素也尊重最大子元素的高度。但是，除非我给菜单栏指定明确的高度，否则height:100%对任何一个孩子都不起作用。
有没有办法让子元素填充菜单栏的高度而不使用像素/ em中的显式高度？
答案 0 :(得分：0)
如果你的容器是亲戚，而你的孩子是亲戚，你可以使用top：和bottom：css属性来做到这一点。
查看这个jsbin项目我正在谈论的内容。大多数项目都有一个明确定义的头部保持其高度，因此这种解决方案适用于这种情况。如果您的布局是完全动态的，我不确定如果没有JavaScript解决方案，您将如何做到这一点。
答案 1 :(得分：0)
将容器上的CSS设置为display: table;，将子元素设置为display: table-cell;可以为您提供所需的结果。