工作日历 - 通过JS动态将3个DIV连接在一起 - 尝试将最后的DIV放到右边。

以下是一个通过JS动态将3个DIV连接在一起，并将最后的DIV放到右边的解决方法：

HTML部分：

<div id="calendar-container">
  <div id="calendar1" class="calendar"></div>
  <div id="calendar2" class="calendar"></div>
  <div id="calendar3" class="calendar"></div>
</div>

CSS部分：

.calendar {
  width: 200px;
  height: 200px;
  border: 1px solid black;
  display: inline-block;
  margin-right: 10px;
}

JS部分：

window.onload = function() {
  var container = document.getElementById('calendar-container');
  var calendars = document.getElementsByClassName('calendar');

  container.style.whiteSpace = 'nowrap';

  for (var i = 0; i < calendars.length; i++) {
    container.appendChild(calendars[i]);
  }

  calendars[calendars.length - 1].style.float = 'right';
};

这段代码首先获取了父容器"calendar-container"和所有的子容器"calendar"。然后，通过设置父容器的"whiteSpace"属性为"nowrap"，使子容器在一行显示。接下来，通过循环将所有的子容器添加到父容器中。最后，将最后一个子容器的"float"属性设置为"right"，使其靠右显示。

你可以根据实际情况调整DIV的样式和JS的逻辑。