我有一个包含一些子元素的菜单栏（包括一个输入框、2 个下拉菜单和 1 个用于在菜单栏下显示 divbox 的链接）。http://jsfiddle.net/thapar/GLwRr/
菜单栏当前符合高度最大的子元素的高度。我想让菜单栏的其他子元素也尊重最大子元素的高度。但是，除非我给菜单栏一个明确的高度，否则height:100%对任何孩子都不起作用。
有没有办法让子元素填充菜单栏的高度而不使用像素/em 的显式高度？
问问题
612 次
2 回答
0
将容器上的 CSS 设置为display: table;并将子元素设置为display: table-cell;可能会给您想要的结果。
于 2012-06-05T13:13:11.620 回答
0
如果您的容器是相对的，而您的子容器是相对的，则可以使用 top: 和 bottom: css 属性来做到这一点。
查看这个 jsbin 项目，了解我在说什么。大多数项目都有一个明确定义的头部部分，可以保持其高度，所以这个解决方案可以在这种情况下工作。如果您的布局是完全动态的，我不确定如果没有 javascript 解决方案，您将如何做到这一点。
于 2012-06-04T23:24:12.947 回答