Я использую функцию высоты JQuery. Но была проблема с получением правильной высоты моегоdiv элемент. этоdiv высота элемента установлена ​​вauto, что означаетdivВысота зависит только от элементов внутри него. Когда я пытался использовать.height() На моей странице я получил следующий результат:

Chrome: 1276 px
Firefox: 1424 px

Но когда вы видите их обоих, они имеют одинаковую высоту. Единственное, чтоheight() Функция возвращает другой результат.

Вот код:

<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>

Но я попытался установить высоту div в 1424px. Оба браузера возвращают одинаковый результат.

Есть идеи? Заранее спасибо.