2014-06-26 38 views
4

我有一個動態填充與各種寬度的其他的div一個div,我需要得到這裏所有內部的div的總寬度是一些代碼沒有得到正確的寬度Jquery的

<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然後身體返回相同的寬度身體 如果你能幫助我與較窄然後身體但任何更廣泛的權利寬度我將不勝感激。

+0

你有沒有設定* {最大寬度:100%}在CSS的地方? – mehulmpt

+0

「.box」元素的寬度設置如何? –

+0

爲什麼容器的寬度不適合內容,您是使用position absolute,max-width還是其他任何東西來限制容器的寬度? – adeneo

回答

0

您已添加* {max-width:100%; }或類似於.box父元素的東西。所以它不允許寬度大於身體的寬度。檢查的截圖:

enter image description here

+0

否,因爲實際的.box比主體更寬 –

+0

在這種情況下,您是否有小提琴或其他東西來支持您的問題? – mehulmpt

+0

對不起,因爲它的動態生成內容 –