Css 在固定宽度div之间拉伸中心div的问题

我有3个div。其中2个设置了px宽度（外部div）。当窗口调整时，我希望中心div填充两个外部div之间的所有空间

下面是我尝试的一个例子：

以下是我希望它看起来像什么的想法：

非常感谢您的帮助。

演示：

HTML:

---

你的例子怎么了？你是说像？是的，就像那样。我忽略了html，只是看了看css。我没有意识到中间的div应该列在html中的外部div之后。谢谢你的帮助，非常感谢。我一直在和CSS斗争。我甚至没有想过修改html，把中间的div放在外面的div之后。

    #div_1 {
    float: left;
    background: red;
    display: inline-block;
    width: 300px;
    height: 50px;
    text-align: left;}
#div_2 {
    overflow: hidden;
    background: green;
    display: inline-block;
    height: 50px;
    text-align: center;
}
#div_3 {
    float: right;
    display: inline-block;
    background: blue;
    width: 350px;
    text-decoration: underline;
    font-weight: bold;
    color: white;
    height: 50px;
    text-align: right;
}

<div>
    <div id="div_1">LEFT COL STATIC WIDTH 300px</div>
    <div id="div_3">RIGHT COL STATIC WIDTH 350px</div>
    <div id="div_2">CENTER COL DYNAMIC WIDTH</div>
</div>

#div_1 {
    float: left;
    background: red;
    display: inline-block;
    width: 300px;
    height: 50px;
    text-align: left;}
#div_2 {
    overflow: hidden;
    background: green;
    display: block;
    height: 50px;
    text-align: center;
}
#div_3 {
    float: right;
    display: inline-block;
    background: blue;
    width: 350px;
    text-decoration: underline;
    font-weight: bold;
    color: white;
    height: 50px;
    text-align: right;
}