CSS:是否有可能有一个 3 列布局，左列和中间列都可以灵活地填充空间？

Question

可以在中间列上使用 position:absolute 和 left 和 right 来设置它相对于父级的结束位置分区

但是我希望能够让中心 div 的左侧从左栏结束的地方开始，并且左栏可以调整(基于其内容)。

这似乎是一件非常基本的事情，但据我所知，没有 flex 盒就无法做到这一点。这是真的？巧妙地嵌套语义上多余的元素，并将某些样式设置为 auto，我对此无能为力吗？

Answer 1

如果右边的 div 有一些设置的宽度(以 % 或 px 为单位)，那么是的，你可以让左边的 div 的宽度由它的内容定义同时让中心 div 填充剩余空间:

#right {
  position: absolute; /* position in top right corner */
  top: 0;
  right: 0;
  width: 80px;
}
#center {
  margin-right: 80px; /* same as #right width */
}
#left {
  float: left;
}

jsFiddle DEMO