用css设计以下格式：左边一个大盒子是右边三个盒子之和，右边上面的盒子是下两个盒子之和

可以使用CSS中的盒子模型和浮动属性来实现这个设计。以下是一个示例代码：

HTML代码：

<div class="container">
  <div class="left-box"></div>
  <div class="right-box">
    <div class="top-box"></div>
    <div class="bottom-box"></div>
    <div class="bottom-box"></div>
  </div>
</div>

CSS代码：

.container {
  overflow: hidden; /* 避免浮动元素导致父容器高度塌陷 */
}

.left-box {
  width: 70%;
  height: 300px;
  background-color: #ccc;
  float: left; /* 左浮动 */
}

.right-box {
  width: 30%;
  height: 300px;
  float: right; /* 右浮动 */
}

.top-box {
  height: 200px;
  background-color: #eee;
}

.bottom-box {
  height: 50%;
  background-color: #ddd;
  margin-top: 10px; /* 上下间距 */
}

这段代码中，我们设置了一个容器（container），其中包含一个左侧盒子（left-box）和一个右侧盒子（right-box）。左侧盒子的宽度为70%，高度为300px，右侧盒子的宽度为30%，高度为300px。左侧盒子使用了左浮动，右侧盒子使用了右浮动。

右侧盒子中包含一个上盒子（top-box）和两个下盒子（bottom-box）。上盒子高度为200px，下盒子高度为50%，并且设置了上下间距为10px。

通过这样的设置，左侧盒子的宽度为右侧三个盒子的宽度之和，右侧上盒子的高度为下两个盒子的高度之和。