jquery - 分区宽度问题

Question

这是我的 JSFIDDLE .

Scenario - Here 单独的分区一、二、三是动态的。单个 block 的数量可能会增加。

我想找到这 4 个 block 的总宽度。我想将该宽度分配给上面的灰色 block 。

所以每当添加新 block 时，上面灰色 block 的宽度应该等于 block 的总宽度。

<div class="head">
<div class="top"></div>

<div class="body">
    <div class="body-inner">
        <div class="w one"></div>
        <div class="w two"></div>
        <div class="w three"></div>
        <div class="w four"></div>
    </div>
</div> 

Answer 1

为什么不将顶部的 div 移动到 body-inner div，然后设置:

.body-inner
{
    display: inline-block;
}

FIDDLE (无需 JS)