Css 三列div，中间div的宽度固定，左、右等分其余空间 左边的东西 中心材料 正确的东西

左侧和右侧将占用剩余空间的所有可用空间

有人问了这个问题，提出的解决方案对他有效，因为他只需要在左右两边设置背景。在我的例子中，我必须在左和右分区上放置一些内容

我也看到过解决方案，左边是固定的，右边占据了剩余的空间。我甚至在左右两边找到了一些解决方案，它们有固定的宽度和中心位置

---

但我还没有找到我需要的东西

给你的div一个内联块css

<div id="IWillShareTheRemainingWidthWithTheRightOne">left stuff</div>
<div id="IAmAFixedWidth">center stuff </div>
<div id="IWillShareTheRemainingWidthWithTheLeftOne">right stuff</div>

编辑：
试试这个：

div{display:inline-block;}
#IAmAFixedWidth {
    width:100px;
    background:green;
}

---

给你的div一个内联块css

<div id="IWillShareTheRemainingWidthWithTheRightOne">left stuff</div>
<div id="IAmAFixedWidth">center stuff </div>
<div id="IWillShareTheRemainingWidthWithTheLeftOne">right stuff</div>

编辑：
试试这个：

div{display:inline-block;}
#IAmAFixedWidth {
    width:100px;
    background:green;
}

我在 有人打电话给保罗，几年前他就写了博客

这是你的电话号码

左边的东西
中间的东西
右边的东西
#固定宽度{
宽度：100px；
背景：绿色；
显示：内联块
}
#我将与右翼共享剩余宽度{
宽度：50%；
右边距：-50px；
背景：洋红；
浮动：左；
}
#我将与左撇子共享剩余宽度{
宽度：50%；
左边距：-60px；
背景：洋红；
浮动：对；
}
#内三层{
左边距：50像素；
}

我在 有人打电话给保罗，几年前他就写了博客

这是你的电话号码

左边的东西
中间的东西
右边的东西
#固定宽度{
宽度：100px；
背景：绿色；
显示：内联块
}
#我将与右翼共享剩余宽度{
宽度：50%；
右边距：-50px；
背景：洋红；
浮动：左；
}
#我将与左撇子共享剩余宽度{
宽度：50%；
左边距：-60px；
背景：洋红；
浮动：对；
}
#内三层{
左边距：50像素；
}

你能摆弄一下你拥有的代码吗？你能摆弄一下你拥有的代码吗？对不起，我的另一个要求是左右两边都会占据剩余的空间。我可能没那么清楚，我为此道歉。有了这个实现，左和右只会占用他们所需要的空间。我正在将状态设置为unanswered，因为我确实需要一些帮助才能正确执行此操作。现在我添加了一个带有display:table的container div，每个子div都是display:table cell，在这个新的fiddle中它可以工作。关于提供另一种方法，我给您一些建议，但通常不建议使用表布局。但是我在谷歌上找到了一些东西。看看对不起，我的另一个要求是，左边和右边将占据剩余的空间。我可能没那么清楚，我为此道歉。有了这个实现，左和右只会占用他们所需要的空间。我正在将状态设置为unanswered，因为我确实需要一些帮助才能正确执行此操作。现在我添加了一个带有display:table的container div，每个子div都是display:table cell，在这个新的fiddle中它可以工作。关于提供另一种方法，我给您一些建议，但通常不建议使用表布局。但是我在谷歌上找到了一些东西。看看