html - 将 div 的宽度设置为在另一个 div 内自动

Question

我有一个div. 我想拥有另一个div2（width自我auto调节）。但width: auto不起作用。div2需要向左对齐。

.parent {
  background: lightblue;
  display: block;
  padding: 10px;
}
.child {
  border: 2px solid green;
  display: flex;
  padding: 10px;
  ///////////
  width: auto;
}

<div class='parent'>
  <div class='child'>
    <span>
      Some text
    </span>
  </div>
</div>

就像这样，但没有width: fit-content。

.parent {
  background: lightblue;
  padding: 10px;
  display: block;
}
.child {
  border: 2px solid green;
  border-radius: 4px;
  padding: 10px;
  width: fit-content;
}

<div class='parent'>
  <div class='child'>
    <span>
      Some text
    </span>
  </div>
</div>

PS 不能display: inline-block用于childdiv。无法触摸/编辑parentdiv，所有 CSS 都需要保持不变。不能使用width: max-content,width: min-content和width: fit-content

标签： htmlcssflexboxwidth