如果我设置min-height和max-height,哪一个优先?

cai*_*ci2 7 html javascript css

我有一个菜单,有9个项目.我希望按钮高度为屏幕尺寸的40px或11%(屏幕的1/9).它是最大的.

现在我有:

min-height:40px;
max-height:11%;
Run Code Online (Sandbox Code Playgroud)

它总是40px.即使我的屏幕尺寸大于那个.

我可以在css上实现,或者我必须使用javascript吗?

谢谢.

编辑

JSFiddle为它.

@Jeffery Khan是对的,解决了它.我有一个不同的元素推动它.谢谢!

Kha*_*han 5

min-height 通常是任何设置的高度,除非某些东西导致它扩展通过,例如div的内容.

请尝试以下方法:

min-height:40px;
height:11%;
Run Code Online (Sandbox Code Playgroud)