Javascript 没有获得正确的宽度Jquery

我有一个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>

var totalWidth=0；
$（'.box'）。每个（函数（）{
totalWidth+=（$（this）.outerWidth（true））；
});
$（'.inner_wrpr'）.css（{'width'：totalWidth}）；

但出于某种原因，它只给了我正确的长方体div宽度，它比主体窄，但任何比主体宽的都返回与主体相同的宽度

---

如果您能帮助我，我将不胜感激。

您在.box父元素中添加了*{max width:100%；}或类似的内容。所以它不允许宽度大于身体的宽度。查看屏幕截图：

---

您是否在CSS中的某个地方设置了*{max width:100%}？如何设置

.box

元素的宽度？为什么容器的宽度不能根据内容进行调整，您是否使用了绝对位置，最大宽度或其他任何限制容器宽度的方法？按最小宽度，并根据其内容展开。请同时发布CSS，因为实际的.box比主体宽。在这种情况下，你有提琴或其他东西来支持你的问题吗？不抱歉，因为它是动态生成的内容不抱歉，它是一个内部web应用程序。你能提供更大宽度的屏幕截图吗？打开Inspector窗口显示其宽度的框？（当您将鼠标悬停在该元素名称上时）