同一个box里两个div左右排列

可以使用 CSS 的 `float` 属性来实现两个 div 左右排列。具体实现步骤如下：

1. 在 HTML 中创建两个 div，分别为 `left-div` 和 `right-div`。
2. 使用 CSS 给这两个 div 设置宽度和高度，并使用 `float` 属性将 `left-div` 设置为左浮动，将 `right-div` 设置为右浮动。
3. 如果需要让两个 div 的高度一致，可以使用 `clearfix` 清除浮动，或者使用 CSS Flexbox 布局。

示例代码如下：

<div class="container">
  <div class="left-div">左侧内容</div>
  <div class="right-div">右侧内容</div>
</div>

.container {
  width: 100%;
  height: 200px;
}
.left-div {
  width: 50%;
  height: 100%;
  float: left;
  background-color: #ccc;
}
.right-div {
  width: 50%;
  height: 100%;
  float: right;
  background-color: #f00;
}

这样就可以让 `left-div` 和 `right-div` 左右排列了。