它在jQuery API中说明：
Note that .height() will always return the content height,regardless
of the value of the CSS Box-sizing property. As of jQuery 1.8,this
may require retrieving the CSS height plus Box-sizing property and
then subtracting any potential border and padding on each element when
the element has Box-sizing: border-Box. To avoid this penalty,use
.css( “height” ) rather than .height().
我尝试了以下示例
用CSS
.BoxA{
padding: 20px;
background-color: yellow;
Box-sizing: border-Box;
margin: 50px;
}
.BoxB{
height: 50px;
background-color: red;
}
根据jQUery API,我确信
$('#wrapper').height($('#wrapper').height());
将BoxA的高度设置为50px(因为内容高度为50px),但我发现高度设置为90px.
但是,如果我使用
$('#wrapper').css('height',$('#wrapper').height()+"px");
BoxA的高度为50px,因此缩小.为什么第一种方法也不能产生50px的高度？
此外,命令
$('#wrapper').height($('#wrapper').css('height'));
将BoxA的高度设置为130px但$(‘#wrapper’).css(‘height’)返回90.这里发生了什么？
您可以在jFiddle中找到这些示例.
最佳答案
原文链接：https://www.f2er.com/html/425492.html