div+css五行两列布局

五行两列布局是一种常见的网页布局方式，可以使用div+css实现。具体实现方法如下：

1. HTML结构

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

2. CSS样式

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.left {
  width: 60%;
}

.right {
  width: 40%;
}

上述代码中，我们使用了flex布局，将容器设置为flex容器，并使用flex-wrap属性实现自动换行。左侧元素的宽度为60%，右侧元素的宽度为40%。