2012-12-12 52 views
5

我有一个菜单,用9个项目。我希望按钮高度具有40px或11%(屏幕的1/9)的屏幕尺寸。什么是最大的。如果我设置最小高度和最大高度,哪一个优先?

现在我得:

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

它总是40像素。即使我的屏幕尺寸比这大。

我能做到这一点在CSS或我要使用JavaScript?

谢谢。

编辑

JSFiddle它。

@Jeffery汗是正确的,即解决它。我有一个不同的元素推动它。谢谢!

+2

是一个容器内的按钮?即11%是容器的11%,而不是屏幕尺寸 – Andy

+0

的按钮是占据屏幕100%的容器的内部。我可以在萤火虫上看到整个屏幕的容器。 – caiocpricci2

+3

要回答你的标题,'min-height'有优先权。见http://www.w3.org/TR/CSS21/visudet.html#min-max-heights – BoltClock

回答

5

min-height一般是什么东西设为除非有导致它的高度,以扩大通过了,如div的内容。

尝试以下操作:

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