jquery ernennt die falsche Höhe eines Elements mit der Eigenschaft border-size: border-box

Question

Ich habe ein Element mit beliebiger Höhe. Element haben Eigenschaften Box-Sizing: Border-Box. Wenn Sie jquery 100px Höhe verwenden, wäre das Ergebnis die Höhe des Elements gleich 120. Was könnte falsch sein?

js:

$('#element').height(100); 

css:

#element{ 
    background-color: green; 
    height: 50px; 
    width: 300px; 
    padding: 10px; 
    box-sizing: border-box; 
} 

https://jsfiddle.net/yurri_87/8sLovkba/

Answer 1

height() Funktion setzt nur Höhe des Elements, wenn Sie Gesamthöhe einschließlich Polsterung, Rahmen und Rand festlegen möchten als 100 dann outerHeight()

verwenden

$('#element').outerHeight(100); 

von height() verwenden Sie jQuery zwingen Höhe sich als 100 von Element zu setzen und das ist, warum, auch wenn Sie box-sizing: border-box verwenden, wird es nicht einen Unterschied machen.

Weitere Referenz: http://api.jquery.com/outerheight/

Ich hoffe, es