min-heightとmax-heightを設定するとどちらが優先されますか？

Question

私は9項目のメニューを持っています。ボタンの高さを画面サイズの40％または11％（画面の1/9）にします。何が最大です。

min-height:40px; 
max-height:11%; 

をそして、それは常に40ピクセルです：

今私が持っています。私のスクリーンサイズがそれより大きいときでさえ。

私はCSSでそれを達成できますか、またはJavaScriptを使用する必要がありますか？

ありがとうございます。そのため

EDIT

JSFiddle。

@ジェフリー・カーンはそうです、それはそれを解決します。私はそれを押し上げる別の要素を持っていた。ありがとうございました！

Answer 1

min-heightは、何かに設定されているものの高さは、divの内容など、何かがそれを渡すようにしない限り、通常は高く設定されます。

は、以下のことを試してみてください。

min-height:40px; 
height:11%;