css左边一个框右边两个

CSS中实现一个左边一个框右边两个框的布局比较简单，可以通过使用浮动和调整宽度来实现。

.left-Box {
  float: left;
  width: 25%;
  height: 100px;
  background-color: #ccc;
}

.right-Box {
  float: right;
  width: 73%;
  height: 100px;
  background-color: #eee;
}

.middle-Box {
  margin-right: 25%;
  height: 100px;
  background-color: #ddd;
}

上面的代码中，我们首先定义了左边的框，使用float属性设置为左浮动，宽度为25%。然后定义右边的两个框，使用float属性设置为右浮动，宽度为73%。为了让中间的框不被右边的两个框覆盖，我们设置了一个margin-right为25%。最后设置了所有框的高度和背景颜色。

这里需要注意的是，为了保持布局的稳定性，在实际应用中，我们可能还需要为左侧框和右侧两个框设置一些内边距和外边距。

除了使用浮动和宽度设置，我们还可以使用flex布局来实现这个布局。不过对于大多数简单的布局，使用浮动和宽度设置已经足够了。