将div宽度设置为其子项的总和，并将其子项的宽度为其子项的总和

问题描述

| 我正在尝试创建一个div，该div可以扩展整个窗口（可以水平滚动）并调整其子级的大小，所有子级都将调整为其子级的大小。 因此：父>扩展父> img子代 这基于帖子：jQuery-将div宽度设置为其子元素的总和 这最终是要创建一个水平图像布局，该布局将基于具有未定义图像数量的帖子水平继续。 请查看此链接。目标是让图像在每个父对象中都向左浮动，而每个父对象在主要父体中都向左浮动。 JavaScript：

$(function(){
    $(\"#page-wrap\").wrapInner(\"<table><tr>\");
    $(\".post\").wrap(\"<td>\");
});

$(function(){   
    var sum=0;
    $(\'.post img\').each( function(){ sum += $(this).width(); });
    $(\'td > div\').width( sum );
});

HTML：

<div id=\"page-wrap\">    
    <div class=\"post\">
        <img src=\"../newimages/ford_models_chris1.jpg\"/>
        <img src=\"../newimages/ford_models_chris1.jpg\"/>        
    </div>
<div class=\"post\">
    <img src=\"../newimages/ford_models_chris1.jpg\"/>        
</div>  

    

解决方法

        

$(\'.post\').each(function(){
  var width=0;
  $(this).find(\'img\').each(function(){width+=$(this).width();})
  $(this).width(width+\'px\');
});

使您的图片浮动：左以完成此操作