带有兄弟姐妹的容器内的最大化元素

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