最大化元素在一個容器中的兄弟姐妹

Question

我在我的頁面上有一個<div>元素，大致看起來像這樣：http://jsfiddle.net/vWBqB/2/。
我想要<select>元素具有最大化的寬度，因此它將帶有紅色邊框的容器中的所有可用空間。
設置width: 100%使其寬度等於父容器，不考慮左側的浮動元素。 display: block完全沒有效果。
Label:<label>中的文字可能會改變（通過JavaScript）。
有沒有辦法解決這個問題，而不是像素設置靜態width？

Answer 1

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

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

Answer 2

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

} 

.select { 

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

這是否解決了您的問題？