如何让父宽度等于里面所有元素的宽度？

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 AND / OR 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);
});