javascript - min-height と max-height を設定した場合、どちらが優先されますか?

Question

9品のメニューがあります。ボタンの高さを画面サイズの 40px または 11% (画面の 1/9) にしたい。なにしろ一番大きい。

今私は持っています：

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

そして、それは常に40pxです。私の画面サイズがそれよりも大きい場合でも。

cssでそれを達成できますか、それともjavascriptを使用する必要がありますか?

ありがとうございました。

編集

そのためのJSFiddle。

@Jeffery Khanは正しいです。それで解決します。私はそれを押し上げる別の要素を持っていました。ありがとうございました！

Answer 1

min-height通常、div のコンテンツなど、何かがそれを超えて拡張しない限り、何かが設定されているものの高さです。

次のことを試してください。

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