一个div里面有两个div如何让他们同排

为了让两个`<div>`元素在同一行显示，您可以使用CSS布局技术来实现。下面有几种常见的方法：

1. **浮动（Float）**:
将两个`<div>`设置为`float:left;`，它们会自然地并排排列。

<div style="float:left;">
  Div 1
</div>
<div style="float:left;">
  Div 2
</div>

2. **Flexbox**:
使用CSS Flexbox可以轻松让容器内的项目水平对齐。将父容器设为`display:flex;`即可。

<style>
.container {
  display: flex;
}
</style>

<div class="container">
  <div>Div 1</div>
  <div>Div 2</div>
</div>

3. **Grid Layout**:
如果你希望更精细的控制，可以试试CSS Grid。给父容器添加`display: grid;`，然后设置行数。

<style>
.container {
  display: grid;
  grid-template-columns: auto auto;
}
</style>

<div class="container">
  <div>Div 1</div>
  <div>Div 2</div>
</div>

4. **定位（Position）+ 宽度（Width）**:
可以通过设置绝对定位(`position:absolute`)并设置宽度来实现。不过这种方法更适合固定大小的块级元素。

无论哪种方法，记得处理好元素间的间距和清除浮动（如果使用浮动），以免影响其他内容。