没有得到正确的宽度Jquery

时间:2014-06-26 14:34:42

标签: javascript jquery html

我有一个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比身体窄,但任何宽度然后身体返回与身体相同的宽度 如果你可以帮助我,我会很感激。

1 个答案:

答案 0 :(得分:0)

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

enter image description here