Se imposto min-altezza e max-altezza, quale ha la priorità?

Question

Ho un menu, con 9 articoli. Voglio che l'altezza del pulsante abbia 40px o 11% (1/9 dello schermo) delle dimensioni dello schermo. Whathever è il più grande.

In questo momento ho:

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

ed è sempre 40px. Anche quando la mia schermata è più grande di quella.

Posso ottenerlo in css o devo usare javascript?

Grazie.

EDIT

JSFiddle per esso.

@Jeffery Khan ha ragione, questo lo risolve. Ho avuto un elemento diverso che lo spingeva verso l'alto. Grazie!

Answer 1

min-height è generalmente l'altezza di ciò che qualcosa è impostato a meno che qualcosa non lo faccia passare, come il contenuto di un div.

provare quanto segue:

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