CSS宽度在一行中自动最大

Question

我连续有2个div（带有内联块）。其中一个具有固定宽度，另一个应该自动填充左侧空间。我怎么能这样做？

Answer 1

我最喜欢的解决方案是在容器块上使用填充，并使用对象固定位置：

.wrapper {
  padding-left: 100px;
  position: relative;
}

.stay {
  width: 100px;
  position: absolute;
  left: 0;
  top: 0;

  /* for demo */
  height: 50px;
  background-color: pink;
}

.fit {
  width: 100%;

  /* for demo */
  height: 50px;
  background-color: red;
}

HTML：

<div class="wrapper">
  <div class="stay"></div>
  <div class="fit"></div>
</div>