как сделать родительскую ширину равной ширине всего элемента внутри него?

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