jquery-ui - Opera 忽略最大高度（jquery ui 选项卡）

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