两个div平分左右的布局样式怎么写

### 回答1：
在网页布局中，使用 CSS 可以很方便地将两个 div 平分左右。可以使用如下的 CSS 样式：

.container {
  display: flex;
  justify-content: space-between;
}

.left {
  width: 48%;
}

.right {
  width: 48%;
}

使用这种方式，将容器元素（如 div）的 display 属性设为 flex，然后设置 justify-content 属性为 space-between。这样，容器内的左右两个元素就会平分整个容器的宽度。

你也可以指定左右两个元素的宽度，比如使用上述样式中的 left 和 right 类。这样，你就可以使用百分比控制左右两个元素的宽度，从而使它们平分容器的宽度。

### 回答2：
实现两个div平分左右布局样式的方法有几种。以下是其中一种可能的实现方式。

HTML部分：

<div class="container">
  <div class="left"></div>
  <div class="right"></div>
</div>

CSS部分：

.container {
  display: flex;
}

.left, .right {
  flex: 1;
}

.left {
  background-color: pink; /* 左侧div的背景色 */
}

.right {
  background-color: lightblue; /* 右侧div的背景色 */
}

上述代码中，通过`display: flex;`将`.container`设置为弹性容器。`.left`和`.right`选择器代表左右两个`div`元素。通过`flex: 1;`为两个`div`添加了相同的弹性宽度，这意味着它们会平均占据容器的剩余空间。`.left`选择器设置了左侧`div`的背景色为粉色，`.right`选择器设置了右侧`div`的背景色为淡蓝色。

这样，左右两个`div`将以相等的宽度平分容器的左右两侧位置。

### 回答3：
要实现两个div平分左右的布局样式，可以使用以下代码：

HTML代码：

<div class="container">
  <div class="left"></div>
  <div class="right"></div>
</div>

CSS代码：

.container {
  width: 100%;
  display: flex;
}

.left,
.right {
  flex: 1;
  height: 300px; /* 根据需要设置div的高度 */
}

.left {
  background-color: red; /* 设置左边div的背景颜色 */
}

.right {
  background-color: blue; /* 设置右边div的背景颜色 */
}

以上代码中，首先创建一个父容器，使用`display: flex;`的flex布局。然后在父容器中放置两个子元素div，分别为左边的div和右边的div，并添加相应的类名。通过设置`flex: 1;`，两个div会被平分剩余的宽度，实现左右平分的效果。可以根据需要设置div的高度和背景颜色。最后将CSS代码与HTML代码结合起来即可实现两个div平分左右的布局样式。