在同一行添加 2 个 div

要在同一行添加 2 个 div 元素，可以利用 CSS 的 display 属性和 float 属性。以下是两种方法：

方法一：使用 float 属性

<div style="float: left; width: 50%;">
  <!-- 第一个 div 的内容 -->
</div>
<div style="float: left; width: 50%;">
  <!-- 第二个 div 的内容 -->
</div>

在上面的代码中，我们将两个 div 元素的宽度都设置为 50%，这样它们就可以在同一行上并排显示。float: left 属性使两个 div 元素向左浮动，从而不会占据整个页面宽度。

方法二：使用 display 属性

<div style="display: inline-block; width: 50%;">
  <!-- 第一个 div 的内容 -->
</div>
<div style="display: inline-block; width: 50%;">
  <!-- 第二个 div 的内容 -->
</div>

这种方法只需要将两个 div 元素的 display 属性设置为 inline-block，就可以实现它们在同一行上并排显示。同样地，将宽度设置为 50% 可以让它们各自占据一半的宽度。

无论使用哪种方法，都可以实现在同一行添加 2 个 div 元素的效果。这种技巧在设计响应式网页时尤为常见，因为可以将多个元素在同一行上并排显示，以达到更好的页面排版效果。