html - 別の DIV に関する DIV の問題

Question

ロゴの横にメニュー (高さ = 100%) を配置しようとすると問題が発生します。

さて、画像はDIV（コンテナ）の高さを制御しますが、論理的にはその（コンテナ）内の右側に別のDIV（メニュー）を配置すると、全体として高さは維持されますが、そうはなりません。height: 100%DIV

とを使用100%して 3 回試行autoinherit

JSFIDDLE

Answer 1

考えられる CSS のみの解決策は、ヘッダーをtable(ロゴがセルを占有し、各メニュー項目が独自のセルを占める) として機能させることです。テーブルは最も高いセルに応じて動的に変化するためheight: 100%、メニューを配置する場合は、ロゴの高さに合わせてサイズを調整する必要があります。

メニュー項目から削除する必要があることに注意してください。削除float: rightしないと、正しく機能しません。

jsFiddle