$('').css('height')在JQuery中返回计算的高度,而不是css高度

$('').css('height') is returning computed height, not CSS height in JQuery

本文关键字:高度 css JQuery height 返回 计算      更新时间:2023-09-26

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

这里有一把小提琴来展示我的意思:http://jsfiddle.net/D9rQR/我原以为css()会返回100px,但它正在返回20px。我正在使用Chrome。

如何使用JQuery/Javascript获得定义的高度(100px(?

编辑:在本例中,我设置了一个max-height来模拟在不支持height for select s的浏览器中发生的情况。我使用以下内容来检查浏览器是否正确计算高度:

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

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

$('select').height()是不填充的选择高度

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

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

如果添加border:0;并删除max-height,您将获得正确的高度,因为除非边界为0,否则高度不会应用于选择,不确定这是否也适用于例如