当溢出时，调整中间div以填充div之间的空间：隐藏;不起作用

Question

我有四个div。一个容器和三个列。第1列和第3列具有固定的宽度，第2列需要填充它们之间的间隙。我希望根据屏幕宽度重新调整设计。至少300px。

我的HTML

<div id="container">
    <div id="1"></div>
    <div id="2"></div>
    <div id="3"></div>
</div>

CSS

#container {
width:100%;
min-width:300px;
position:relative;
}
#1 {
float:left;
min-width:300px;
min-height:10px;
background-color:red;
}

#2 {
overflow:hidden;
width:100%;
min-height:10px;
background-color:blue;
}

#3 {
float:right;
min-width:300px;
background-color:green;
}

Answer 1

只需删除宽度：100％;来自＃2。它将自动占用整个可用空间。 检查小提琴：http://fiddle.jshell.net/ozeczek/aVbC6/