Javascript 无法使用jQuery获取框的正确高度

我在一个网站上工作，我发现：

我使用jQuery获取内容的高度，以在相同高度调整文章内容的大小

但奇怪的是，我遇到了一些问题，高度与几个像素不对应，我不知道这是从哪里来的

你可以在那里看到我在和什么战斗。它在这一页的底部

这是我的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

如果你们有什么线索给我，我真的很高兴

---

感谢阅读。

乍一看，您应该使用.outerHeight而不是.height。如果将true传递到函数中，并且似乎在元素上使用边框，则outerHeight将查看边框、填充和边距

.高度不会添加填充、边框或边距

---

资料来源：

也许你应该看看框大小：边框框；CSS属性？这么多resizefunction调用是怎么回事？非常好用，谢谢。但我还是有很多小虫子；一直以来。你认为jQuery不适合这种情况吗？我会尽量依赖CSS，并且只使用jQuery/JavaScript作为最后手段。jQuery肯定能够解决您的问题，但这是一种后期渲染技术，这是最不受欢迎的。