Javascript jQuery-自动宽度不适用于混合css类

Javascript jQuery-自动宽度不适用于混合css类,javascript,jquery,css,Javascript,Jquery,Css,我有一个水平滚动页面,其宽度由jQuery根据css类的总和设置 当类为固定宽度时,所有工作正常,但当它为“自动宽度”时,计算不正确,内容将中断为两行 JS代码如下所示: function setWidth() { var width = 0; jQuery('#article-list .article-wrapper').each(function() { width += jQuery(this).outerWidth( true ); }); jQuery('#article-

我有一个水平滚动页面,其宽度由jQuery根据css类的总和设置

当类为固定宽度时,所有工作正常,但当它为“自动宽度”时,计算不正确,内容将中断为两行

JS代码如下所示:

function setWidth() {

var width = 0;
jQuery('#article-list .article-wrapper').each(function() {
    width += jQuery(this).outerWidth( true );
});
jQuery('#article-list').css('width', width);

}
其中css类“#article list.article wrapper”显示在一个页面上,该页面包含其他类,用于文章类型-ie'.type fixedwidth'(具有固定文章宽度)和'.type variablewidth'(具有自动宽度)

然后,内容将定义文章的宽度。如果页面仅由.type fixedwidth文章组成,则页面显示良好,但如果页面仅由.type variablewidth组成,或者是这两种文章的混合,则页面将中断

我将永远感激任何能对此有所启发的人,我为此感到痛苦。
谢谢

重现您的确切问题会有帮助。为什么需要设置“#文章列表”的宽度?在没有看到代码(CSS/HTML)的情况下,很难看到代码出了什么问题。正如Itay所说,提供一个jsfiddleHi,抱歉jsfiddle直到周一才让我注册,所以最好我只提供一个指向该站点的链接。它位于保留页后面,因此您需要登录-user:test pw:test@user2776493您无需注册即可保存Fiddle Thank BYossarian-我很难让JSFIDLE正确显示问题(水平溢出),因为代码来自wordpress主题,来自不同来源的代码也是如此。抱歉-希望该网站提供足够的工作。。。