如何把一个div分成并排两个div

要将一个`<div>`元素水平地分为并排的两个子`<div>`，你可以通过CSS布局技术来实现。最简单的方法是使用`display: flex`或`float`属性。以下是两种常见的方法：

**方法一：使用Flexbox布局**
首先确保包含这两个子`<div>`的容器有一个`display: flex;`样式，然后设置`flex-direction: row;`使其从左到右排列。

<div class="container">
  <div class="child">子元素1</div>
  <div class="child">子元素2</div>
</div>

<style>
.container {
  display: flex;
  flex-direction: row; /* 默认值 */
}
.child {
  // 其他CSS样式...
}
</style>

**方法二：使用浮动（Deprecated）**
如果使用的是旧版浏览器，可以考虑使用`float`属性，但请注意，这种方法已被现代最佳实践所取代，因为可能会引发一些意外的问题。

<div class="container">
  <div class="child" style="float: left;">子元素1</div>
  <div class="child" style="float: right;">子元素2</div>
</div>

在这个例子中，`.child`类设置了`float:left`让第一个子元素向左浮动，而`.child`设为`float:right`会让第二个子元素向右浮动。