我有一个菜单栏，其中包含一些子元素（包括一个输入框、2 个下拉菜单和 1 个在菜单栏下显示divbox 的链接）。 http://jsfiddle.net/thapar/GLwRr/
菜单栏当前符合具有最大高度的子元素的高度。我希望菜单栏的其他子元素也尊重最大子元素的高度。但是，除非我给菜单栏一个明确的高度，否则任何子项的height:100%都不起作用。
有没有办法让子元素填充菜单栏的高度，而不使用以像素/em为单位的显式高度？
将容器上的 CSS 设置为 display: table;，将子元素设置为 display: table-cell; 可能会得到所需的结果。
如果您的容器是相对的，并且您的孩子是相对的，则可以使用顶部：和底部：css 属性来执行此操作。
看看这个jsbin项目，了解我在说什么。大多数项目都有一个定义明确的头部来保持其高度，因此在这种情况下，此解决方案将起作用。如果你的布局是完全动态的，我不确定如果没有javascript解决方案，你怎么能做到这一点。
http://jsbin.com/onubed/1/