Opera忽略max-height（jquery ui tabs）

Question

我有一个元素，Opera显示的高于应有的元素（53而不是35像素）。所以，我试图明确设置这个jquery-ui元素的样式。当我使用Dragonfly查看元素时，这就是我在样式中看到的内容：

.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属性并且用数字（偶然）切换计算高度？

Answer 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 */
}