一个大div里面两个子div，子div两个并列，一个在最左边一个在中间，大div不占空间

如果你想在一个大`<div>`容器里有两个子`<div>`，其中一个位于最左边，另一个位于居中，但是大`<div>`本身不占据多余的宽度空间，你可以通过CSS布局技巧来实现。可以考虑使用Flexbox或者Grid布局。

使用Flexbox：

<div class="container">
  <div class="left">这是左子div</div>
  <div class="middle">这是中子div</div>
</div>

<style>
.container {
  display: flex; /* 开启 Flexbox */
  justify-content: space-between; /* 左边对齐，右边子元素与两边都保持一定距离 */
}
.left {
  flex: none; /* 保证左边元素占据固定宽度，不会拉伸 */
}
.middle {
  /* 如果不想让中间元素填满剩余空间，可以设置 width 或者 flex 属性 */
}
</style>

使用Grid布局：

<div class="container">
  <div class="left">这是左子div</div>
  <div class="middle">这是中子div</div>
</div>

<style>
.container {
  display: grid;
  place-items: center start; /* 中间元素居中，左边元素在起始位置 */
  grid-template-columns: auto 1fr; /* 自动填充第一个单元格，第二个按比例分配 */
}
.left, .middle {
  /* 配置这两个子元素的样式 */
}
</style>