两个div 分别设置一个在左边一个在右边

要在网页布局中将两个`<div>`元素分别放在页面的左侧和右侧，可以使用CSS的`float`属性结合`width`属性来实现。下面是一个简单的例子：

首先，在HTML中定义两个`<div>`元素：

<div class="left-div">
  这是左边的div内容
</div>
<div class="right-div">
  这是右边的div内容
</div>

然后，使用CSS设置它们的位置：

.left-div {
  float: left; /* 将元素向左浮动 */
  width: 50%; /* 宽度占50%，可以根据需要调整 */
  box-sizing: border-box; /* 保持内边距和边框不会影响总宽度 */
}

.right-div {
  float: right; /* 将元素向右浮动 */
  width: 49%; /* 或者50%减去1像素的差距，确保左右间距 */
  margin-left: 1%; /* 给右侧div留出1%的空间 */
  box-sizing: border-box;
}

body {
  overflow-x: hidden; /* 阻止水平滚动条出现，保持布局整洁 */
}

在这个例子中，左边的`div`占据了容器宽度的一半，右边的`div`占据另一半，并且通过`margin-left`保留了1%的间距。