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

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; 
} 

这是否解决了您的问题？