Html div拉宽,css – 如何使div的宽度在两个div之间拉伸

我目前的问题是我有三个div元素;一个漂浮在左边,一个漂浮在右边,一个漂浮在这两个之间.我希望中心div自动拉伸到两个div之间可用宽度的最大宽度.

1

2

CSS

#left {

text-decoration: none;

display: inline-block;

float: left;

width: auto;

padding: 0px 20px 0px 20px;

height: 45px;

text-align: center;

line-height: 300%;

background: #FF9000;

color: #FFFFFF;

}

#navFiller {

display: inline-block;

position: fixed;

float: left;

width: auto;

height: 45px;

background: #FF9000;

}

#right {

text-decoration: none;

display: inline-block;

float: right;

width: auto;

padding: 0px 20px 0px 20px;

height: 45px;

text-align: center;

line-height: 300%;

background: #FF9000;

color: #FFFFFF;

}

#contain {

width: 100%;

height: 45px;

padding: 0;

margin: 0;

display: inline;

}

Jsfiddle项目：