jQuery .height () Problem mit Chrome

Ich habe die jQuery Height-Funktion verwendet. Aber es gab ein Problem bei der Ermittlung der korrekten Höhe meinesdiv Element. Diesdivie Höhe des @ Elements ist auf @ gesetauto, was bedeutet, dasdivie Höhe von @ hängt nur von den darin enthaltenen Elementen ab. Als ich versuchte, das @ zu benutz.height() Auf meiner Seite habe ich das folgende Ergebnis erhalten:

Chrome: 1276 px
Firefox: 1424 px

Aber wenn Sie beide sehen, haben sie die gleiche Höhe. Das einzige, was ist, dass dasheight() -Funktion gibt ein anderes Ergebnis zurück.

Hier ist der Code:

<div class="single-mid" style="position:relative;width:700px;margin:-1px 0 0 1px;padding-right:56px;">
    <div>Sample Inside Element</div>
</div>

<script type="text/javascript">
$(document).ready(function(){
     var less_height = $('.single-mid').height() -10;
     $('.single-mid').height(less_height);
});
</script>

Aber ich habe versucht, die Höhe des Div auf 1424px einzustellen. Beide Browser geben das gleiche Ergebnis zurück.

Irgendwelche Ideen? Danke im Voraus

Antworten auf die Frage(12)

Ihre Antwort auf die Frage