如何让父容器的宽度跟随子元素的宽度？

可以使用Flex布局来实现，将父容器设置为display:flex；并将justify-content设置为flex-start，这样子元素会根据自身的宽度依次排列，父容器的宽度也会随之调整。

示例代码：

HTML

<div class="parent">
  <div class="child">Child 1</div>
  <div class="child">Child 2</div>
  <div class="child">Child 3</div>
</div>

CSS

.parent {
  display: flex;
  justify-content: flex-start;
}

.child {
  padding: 10px;
  margin: 5px;
  background-color: #ccc;
}