中心柱的CSS流体宽度

我有这样的嵌套div（伪代码..）

流体宽度

---

鉴于div0、div1和div3具有固定的宽度，可以为中心div2提供样式，因此始终具有流体宽度（当然基于div0主包装）？

如果div0没有，div2怎么可能具有流体宽度。您可以将div2设置为位置fixed，但这将导致无法使用的混乱。不管怎样，我假设这是一个错误，您希望div0和div2是流体

是的，这是可能的

只需将div1和div3的with设置为容器的左右填充。并使用负边距（或左/右值）将其设置在正确的位置

将div 1、2和3向左浮动

编辑

以下是一个例子： 这比我的解释要复杂一点

---

哦，我假设您的内容在第2部分，所以在内容中首先使用这个部分会更具语义：

好的多列布局示例：

我遇到了这个问题，虽然商定的解决方案是可以的，但它依赖于浮动和奇怪的边距，当您需要多行时，这些边距就不太好了

我建议，虽然FlexCSS指令对于生产来说仍然过于前沿，但您可以使用display:table；给你（和我）需要的东西

这是你的电话号码

。结果{
显示：表格；
宽度：100%；
表布局：固定；
}
.数据行{
显示：表格行；
}
.数据行分区{
显示：表格单元格；
}
.左{
背景：蓝色；
宽度：150px；
颜色：白色；
}
.中心{
宽度：100%
}
.对{
背景：红色；
宽度：120px；
颜色：白色；
}

这个盒子的固定宽度是150px
这个箱子很灵活
此框的固定宽度为120px

div0具有固定宽度。。。那么div2=div0-（div3+div1）那不是流体？我也不明白-你怎么能在“固定宽度div0”的基础上得到流体宽度div2？我想camelCase想做的是让div2的宽度在指定div0的宽度后，根据div1和div3的尺寸，自行调整以填充空间。如果您正在设置一个固定宽度的页面模板，并且希望在不接触嵌套div的宽度的情况下使用调整页面，这将非常有用。我不能使用绝对位置，所以我不能使用左/右值，您能更清楚吗？不需要绝对位置，相对也可以。等一下，我正在做一个JS小提琴的例子

<div0>
    <div1></div1>
    <div2>fluid width</div2>
    <div3></div3>   
</div0>