If I set min-height and max-height, which one has priority?

css, html, javascript

Solution

`min-height` is generally the height of whatever something is set to unless something causes it to expand passed that, such as the contents of a div.

Try the following:

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

Problem

I have a menu, with 9 items. I want the button height to have 40px OR 11%(1/9 of the screen) of the screen size. Whathever is the largest. Right now i have: ``` min-height:40px; max-height:11%; ``` And it's always 40px. Even when my screensize is larger than that. Can I achieve that on css or I have to use javascript? Thank you. EDIT JSFiddle for it. @Jeffery Khan is right, that solves it. I had a different element pushing it up. Thank you!

Original source