如果我设置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%;