CSS宽度自动在一行中最大

Question

我连续有 2 个 div(带有内联 block )。其中一个具有固定宽度，另一个应该自动填充左侧空间。我该怎么做？

Answer 1

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

.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>