html - 兄弟を持つコンテナ内の最大化された要素

Question

私<div>のページには、おおよそ次のような要素があります：http: //jsfiddle.net/vWBqB/2/。
要素の幅を最大にしたい<select>ので、赤い境界線のあるコンテナ内のすべての空きスペースを取ります。
設定width: 100%すると、左側のフローティング要素を無視して、その幅が親コンテナと等しくなります。display: blockまったく効果がありません。
Label:内部のテキスト<label>は（JavaScriptを介して）変更される場合があります。ピクセル単位で
静的に設定せずにこれを解決する方法はありますか？width

Answer 1

.left {
    float:left;
    width:20%;

}

.select {

    /* width: 100%; */
    width:80%;
    float:right;
}

これで問題は解決しますか？

Answer 2

http://jsfiddle.net/vWBqB/4/

.left {
    display: table-cell;
}
.right {
    width: 100%;
    display: table-cell;
}
.right>.select {
    width: 100%;
}