让两个div显示在一行

在CSS布局中，让两个`<div>`元素在同一行显示通常有两种常见的方法：

1. **Flexbox**（弹性盒模型）：这是现代浏览器推荐的一种方法，对于响应式设计非常友好。你可以给父容器设置`display: flex;`，然后将两个`div`设置为`flex-grow: 1;`（默认值）以平均分配空间。

.parent-container {
  display: flex;
}

.child-div {
  flex-grow: 1;
}

或者直接对`child-div`应用：

.child-div {
  flex: 1;
}

2. **Grid Layout**（网格布局）：另一种CSS布局模型，适用于更复杂的布局需求。如果所有子元素需要放在一个直行或一列里，可以将`display: grid;`设置到父元素，设置`grid-template-columns`为两份宽度：

.parent-container {
  display: grid;
  grid-template-columns: auto auto; /* 两等分 */
}

.child-div {
  /* 如果有内容宽度，也可以指定 */
}

如果你不确定使用哪种方法，一般来说，Flexbox更适合小范围内的布局调整，而Grid布局则适合处理更大更复杂的空间划分。