如何让父宽度等于它内部所有元素的宽度？

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); 
});