2012-12-12 75 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%;