列div在高度最大的列div上方移动下来。

以下是一个示例代码，演示如何实现“列div在高度最大的列div上方移动下来”的效果：

HTML代码：

<div class="column">Column 1</div>
<div class="column">Column 2</div>
<div class="column">Column 3</div>

CSS代码：

.column {
  width: 200px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  padding: 10px;
}

.column:nth-child(2n) {
  background-color: #ebebeb;
}

.column:nth-child(3n) {
  background-color: #d6d6d6;
}

JavaScript代码：

// 获取所有列div元素
var columns = document.getElementsByClassName("column");

// 计算最大高度
var maxHeight = 0;
for (var i = 0; i < columns.length; i++) {
  if (columns[i].offsetHeight > maxHeight) {
    maxHeight = columns[i].offsetHeight;
  }
}

// 调整列div位置
for (var i = 0; i < columns.length; i++) {
  // 计算需要下移的距离
  var moveDown = maxHeight - columns[i].offsetHeight;
  
  // 下移列div
  columns[i].style.marginTop = moveDown + "px";
}

上述代码首先通过document.getElementsByClassName("column")获取到所有列div元素，然后使用一个循环遍历计算最大高度maxHeight。接下来，再次使用循环遍历，计算出需要下移的距离moveDown，并通过marginTop属性将列div下移相应距离。

请注意，这只是一个示例代码，具体的实现方式可能因实际需求而有所不同。您可以根据自己的实际情况进行调整和修改。