2012-11-09 39 views
0

我有一個元素,Opera顯示高於它應該是(53而不是35像素)。所以,我試圖明確地設置這個jquery-ui元素的樣式。當我看到蜻蜓的元素,這是我在看款式:Opera忽略最大高度(jquery ui選項卡)

.ui-tabs-nav { 
height: 35px; 
max-height: 35px; 
min-height: 35px; 
padding: 0px; 
vertical-align: bottom; 
} 

看起來它被設置(會有刪除線,否則行,對吧?)。最小高度,最大高度和高度相同 - 35px。但這是'計算風格'看起來像:

height: 53px; 
max-height: none; 
min-height: 35px; 

你對什麼可能是錯誤有什麼想法嗎?爲什麼max-height屬性被忽略並且高度是通過切換數字(偶然)來計算的?

+0

如果您在高度和最大高度添加'!important'會發生什麼?由於其他地方的某些CSS,他們可能會被忽略。 '身高:35px!重要;最大高度:無!重要;' –

回答

1

我可以問爲什麼你在最小和最大高度時使用相同的值?如果您嘗試將項目的高度限制爲35px,請考慮使用overflow:hidden

.ui-tabs-nav { 
    height: 35px; 
    overflow: hidden; 
    padding: 0px; 
    vertical-align: bottom; 
    display: block; /* if it is not a block element already */ 
} 
+0

謝謝,這使它:) –