Если я задаю минимальную высоту и максимальную высоту, которая имеет приоритет?

У меня есть меню с 9 элементами. Я хочу, чтобы высота кнопки составляла 40 пикселей или 11% (1/9 экрана) от размера экрана. Какой из них самый большой.

Сейчас у меня есть:

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

И это всегда 40px. Даже когда мой экран больше этого.

Могу ли я достичь этого на css или мне нужно использовать javascript?

Спасибо.

ИЗМЕНИТЬ

JSFiddle для него.

@Джеффри Хан прав, это решает. У меня был другой элемент, подталкивающий его. Спасибо!

Ответ 1

min-height, как правило, является высотой того, что что-то задано, если только что-то не вызывает его расширение, переданное, например, содержимое div.

Попробуйте следующее:

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