当只有中间div具有固定宽度时，三个div如何扩展父元素？

Question

有没有办法让三个div元素扩展父级的宽度，而只有中间div有一个固定的宽度？中间左侧和右侧的div元素应具有相等的宽度。

我想要这样的事情发挥作用：

<div style="width:100%">
    <div id="elasticWidth1"></div>
    <div id="fixedWidth"></div>
    <div id="elasticWidth2"></div>
</div>

编辑：这是结果应该是这样的：

Answer 1

您可以使用以下内容：http://jsfiddle.net/Urbrf/6/

<强> HTML

<div id="wrapper">
    <div class="halfWidth left">
        <div class="padding">
            <div id="columnOne" class="fullWidth">
            </div>
            <div id="columnTwo" class="fixedWidth">
            </div>
        </div>
    </div>
    <div class="halfWidth right">
        <div class="padding">
            <div id="columnThree" class="fullWidth">
            </div>
        </div>
    </div>
</div>

<强> CSS

#wrapper {width:100%;}
.halfWidth {width:50%;}
.fullWidth {width:100%;}
.left,
.left .fullWidth {float:left;}
.left .padding {padding-right:100px;} /*half of the fixed width*/
.right,
.right .fullWidth {float:right;}
.right .padding {padding-left:100px;} /*half of the fixed width*/

.fixedWidth {width:200px; margin-right:-200px; float:right;}

Answer 2

而不是使用float，我会使用inline-block：

div {
    display: inline-block;
}

无论如何，你想如何设置左边和右边的宽度？ right-div equaly，当它们有弹性时？