如何讓父寬度等於它內部所有元素的寬度？

Question

我的CSS代碼

.child{ 
    width:100px; 
    height:100px; 
    display:inline-block; 
} 

我的HTML代碼

<div id="parent"> 
    <div class="child"> 
    </div> 
    <div class="child"> 
    </div> 
</div> 

的.parent寬度爲100％，但我想讓父寬度等於完全的一些孩子的一切，但我不不知道有多少孩子，我不知道每個人的寬度

什麼是最簡單的方法來做到這一點使用CSS和/或JQuery的？

Answer 1

您可以浮動.parent或內聯顯示。

Answer 2

$(document).ready(function(){ 
    var sumwidth=0; 
    $("#parent").children().each(function() { 
     var child = $(this); 
     sumwidth+=child.width(); 
    }); 
    $("#parent").width(sumwidth); 
});