我有一个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父元素中的类似内容。因此,不允许宽度大于主体的宽度。检查屏幕截图: