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>

Answer 1

添加display:table到.wrapper

http://jsfiddle.net/pA3fj/2/