0

いくつかの子要素 ​​(入力ボックス、2 つのドロップダウン メニュー、およびメニュー バーの下に divbox を表示する 1 つのリンクを含む) を持つメニュー バーがあります。http://jsfiddle.net/thapar/GLwRr/

メニュー バーは現在、最大の高さを持つ子要素の高さに準拠しています。メニューバーの他の子要素も最大の子要素の高さを尊重したいと思います。ただし、メニュー バーに明示的な高さを指定しない限り、height:100%どの子でも機能しません。

ピクセル/em で明示的な高さを使用せずに、子要素がメニュー バーの高さを埋める方法はありますか?

4

2 に答える 2

0

コンテナの CSS を に設定しdisplay: table;、子要素を に設定するとdisplay: table-cell;、望ましい結果が得られる場合があります。

于 2012-06-05T13:13:11.620 に答える
0

コンテナーが相対的で、子が相対的である場合、top: および bottom: css 属性を使用してそれを行うことができます。

私が話していることについては、このjsbinプロジェクトをチェックしてください。ほとんどのプロジェクトには、高さを維持する明確に定義されたヘッド セクションがあるため、このソリューションはその場合に機能します。レイアウトが完全に動的である場合、javascript ソリューションなしでそれを行う方法がわかりません。

http://jsbin.com/onubed/1/

于 2012-06-04T23:24:12.947 に答える