html - 具有兄弟姐妹的容器内的最大化元素

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

这能解决你的问题吗？