我有一个div,它是动态填充有其他各种宽度的div的,我需要获取所有内部div的总宽度,这里是一些代码

    <div class="inner_wrpr">
    <div class="box>
    ...some content...
    </box>
    <div class="box>
    ...some content...
    </box>
    <div class="box>
    ...some content...
    </box>
    <div class="box>
    ...some content...
    </box>
    </div>

这是JS
    <script>
   var totalWidth = 0;

   $('.box').each(function() {
      totalWidth += ($(this).outerWidth(true));
   });
   $('.inner_wrpr').css({'width': totalWidth});
   </script>

但是由于某种原因,它只能给我合适的宽度,而div则比主体窄,但比主体宽时,返回的宽度与主体相同
如果您可以帮助我,我将不胜感激。

最佳答案

您已添加* {max-width:100%; }或.box父元素中的类似内容。因此,不允许宽度大于主体的宽度。检查屏幕截图:

07-24 09:43
查看更多