绘制表格，并将特定类的div放到新行中

<table>
  <thead>
    <tr>
      <th>表头1</th>
      <th>表头2</th>
      <th>表头3</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容 -->
  </tbody>
</table>

<tbody>
  <tr>
    <td>内容1</td>
    <td>内容2</td>
    <td>内容3</td>
  </tr>
  <tr>
    <td>内容4</td>
    <td>内容5</td>
    <td>内容6</td>
  </tr>
  <!-- 其他行 -->
</tbody>

table {
  border-collapse: collapse; /* 合并边框 */
  width: 100%; /* 表格宽度 */
}

th, td {
  border: 1px solid #ddd; /* 边框样式 */
  padding: 8px; /* 内边距 */
  text-align: left; /* 文字对齐 */
}

th {
  background-color: #f2f2f2; /* 表头背景色 */
}

<div class="clearfix"></div>
<div class="特定类的div">内容</div>

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}