css - 常に親の幅の 100% を埋める

Question

DIV内部にランダムな数の子供がいるコンテナがあります。

私は常に子が親の 100% の幅を埋めることを望んでいます。dodisplay:table-cellやその他の CSS トリックを使用してみましたが、すべて無駄でした。

ここにフィドルがあります。

HTML

<div class="wrapper">
    <div class="panel">1
    </div>
    <div class="panel">2
    </div>
    <div class="panel">3
    </div>
    <div class="panel">4
    </div> 
</div>