CSS：3列布局，左侧动态全宽，中间和右侧自动内容宽度

我需要做下一件事：

   max-width to center     content auto width    content auto width
<-----------------------><--------------------><-------------------->
          left                  middle                right

所以中间/中间的列和右边的列将包含内容，并且宽度将自动增长。但是左边的那个，我需要尽可能的宽，直到我弹到中间的那个

我现在所拥有的，是中间和右边，有浮动：对。 左一个，带浮动：左

但有了这个，左col的宽度受到了限制

---

如何使其尽可能宽？

据我所知，这只能使用display:table完成。如果我理解正确，这就是你想要的。它使div充当表格单元格，并将左侧单元格的宽度设置为100%，自动填充所有空闲空间。

将它们全部向左浮动。。这样他们都靠在左边的柱子上，宽度最大

此外，您还需要考虑一些宽度或明确的条件

试试这个：

只用50-24-24%就完成了

HTML

---

我不想使用宽度%。它需要是全自动的。因此，随着内容的增加，中间和右边的内容也会增加，而左边的内容会填充剩余的空间。谢谢谢谢，但没用。我需要自动宽度。未使用%或固定类型。完美。我知道这会有一些浏览器兼容性问题，但对于项目类型，我会选择宾果！

<div id="divLeft">
    div left to center
</div>    
<div id="divRight1">
    div right 1
</div>    
<div id="divRight2">
    div right 2
</div>    

#divLeft{
    width: 50%;
    display: inline-block;
    background-color: forestGreen;
}
#divRight1{
    width: 24%;
    display: inline-block;
    background-color: blue;
}
#divRight2{
    width: 24%;
    display: inline-block;
    background-color: red;
}