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

Question

可以在中间列上使用position:absoluteandleft来right设置它相对于父 div 的结束位置。

但是，我希望能够让中心 div 的左侧从左列结束的右侧开始，并且左列可以调整（基于其内容）。

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

Answer 1

如果 rightdiv有一些设置宽度（以 % 或 px 为单位），那么可以，您可以让 leftdiv的宽度由其内容定义，同时让中心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 ​</p>

Answer 2

据我所知，使用简单的浮动块会更好。如果您想将所有这些绝对定位在一起，您可以将它们包装在一个绝对容器中，然后将它们浮动在里面。也许我只是不明白为什么你需要它们绝对定位，但这似乎是一个可行的选择。