不等高的DIV可以使用以下几种方法来解决：

1. 使用Flexbox布局：将不等高的DIV容器设置为display: flex，并使用flex-wrap: wrap来使其换行。然后，使用align-items: flex-start来使所有列的顶部对齐，以避免高度不等的问题。

  
...
  
...
  
...

.container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.column {
  flex: 1 1 300px;
  margin: 10px;
}

2. 使用CSS Grid布局：将不等高的DIV容器设置为display: grid，并使用grid-template-columns来定义列的宽度。然后，使用grid-auto-rows来自动调整行的高度，以适应内容的高度变化。

  
...
  
...
  
...

.container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: minmax(100px, auto);
  grid-gap: 10px;
}

3. 使用JavaScript：使用JavaScript来获取所有列的最大高度，并将其应用到所有列上，以使它们等高。

  
...
  
...
  
...

const columns = document.querySelectorAll('.column');
let maxHeight = 0;

columns.forEach(column => {
  if (column.offsetHeight > maxHeight) {
    maxHeight = column.offsetHeight;
  }
});

columns.forEach(column => {
  column.style.height = `${maxHeight}px`;
});

以上是几种常见的解决方法，可以根据具体情况选择适合的方法来解决不等高的DIV问题。