CSS布局技巧：实现左浮动大div与右浮动小div的双行排列

您可以使用CSS的'float'属性来实现左浮动和右浮动的效果，然后使用HTML的布局结构来实现将它们分为两行。

以下是一个示例代码，展示了如何实现左边一个大的左浮动div和右边四个右浮动的div分为两行的效果：

HTML代码：

<div class='container'>
  <div class='left-div'></div>
  <div class='right-div'></div>
  <div class='right-div'></div>
  <div class='right-div'></div>
  <div class='right-div'></div>
</div>

CSS代码：

.container {
  width: 100%;
  overflow: hidden; /* 清除浮动 */
}

.left-div {
  width: 70%;
  height: 200px;
  background-color: red;
  float: left;
}

.right-div {
  width: 25%;
  height: 100px;
  margin-left: 5%;
  margin-bottom: 10px;
  background-color: blue;
  float: right;
}

在上面的示例中，我们使用了一个'.container'容器来包含所有的div元素，并设置了'overflow: hidden;'来清除浮动。

左边的大div使用了'float: left;'使其左浮动，并设置了宽度为70%。

右边的四个小div使用了'float: right;'使其右浮动，并设置了宽度为25%。同时，使用了'margin-left: 5%;'来设置右边小div之间的间距，并使用'margin-bottom: 10px;'来设置下边小div的间距。

这样可以实现一个大的左浮动div和四个右浮动div分为两行的效果。