Невозможно получить хорошую высоту коробки с JQuery

Question

Я работаю на веб-сайте, и я пришел в это:

Я использую JQuery, чтобы получить высоту в сторону контента, чтобы изменить содержание статьи в равную высоту.

Но, как ни странно, у меня проблемы, когда высота не соответствует (на несколько пикселей), и я не могу понять, откуда это происходит.

Вы можете видеть, с чем я сражаюсь: maelmayon.fr/teddy.php. Он находится внизу страницы.

Вот мой JQuery (я уверен, что его уродливым, жаль, что: /):

   $(window).load(function(){ 
        resizefunction(); 
       }); 
       $(function(){ 
       resizefunction(); 
       $(window).on('resize',resizefunction); 
       }); 

       function resizefunction() { 
        var aside1 = $('aside').height(); 
        var aside2 = $('.archives').height(); 
        var content = $('article').height(); 
        var total = (aside1 + aside2); 
        $('article').css("height", total+'px'); 
       } 

Может быть, это приходит с CSS ..?

Если у вас есть какие-либо улики для меня, я буду действительно рад.

Благодарим вас за чтение.

Answer 1

С первого взгляда похоже, что вы должны использовать .outerHeight() вместо .height(). externalHeight будет смотреть на границу, отступы и маржу (если вы передадите true в функцию), и кажется, что вы используете границы на своих aside элементах.

.height()не будет добавить отступ, границу или маржу.

Источник: https://api.jquery.com/outerHeight/