javascript - $ ('' ).css ('height' ) 返回计算高度，而不是 JQuery 中的 CSS 高度

Question

我使用 CSS 定义了元素的高度属性。如果计算出的高度与定义的高度不同，则 $(element).css('height') 返回计算出的高度，而不是我在 CSS 中定义的高度。我认为 css() 返回 CSS 中定义的高度。

这里有一个 fiddle 来说明我的意思:http://jsfiddle.net/D9rQR/ 我希望 css() 返回 100px，但它返回 20px。我正在使用 Chrome。

如何使用 JQuery/Javascript 获取定义的高度( fiddle 中的 100px)？

编辑:在示例中，我设置了一个 max-height 来模拟在不支持 height 的浏览器中发生的情况 选择。我正在使用以下方法检查浏览器是否正确计算高度:

if($('select').outerHeight()<parseInt($('select').css('height'))){
    // browser doesn't support "height" for "select"s
}

但是，这不起作用，因为 $('select').css('height') 总是返回计算出的高度。

Answer 1

$('select').height() 是 select 没有填充的高度

$('select').css('height') 是实际高度(有填充)

$('select').css('height') = $('select').outerHeight();