调整窗口大小时固定的Div向左和向右移动

，可以通过CSS和JavaScript来实现。

首先，我们可以使用CSS的position属性将Div固定在页面上的某个位置。可以使用position: fixed;来固定Div的位置，然后使用top、left、right、bottom属性来调整Div的具体位置。

例如，将Div固定在页面的左侧，可以使用以下CSS样式：

div {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

这样，当调整窗口大小时，Div会始终保持在页面的左侧。

同样地，如果要将Div固定在页面的右侧，可以使用以下CSS样式：

div {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

这样，当调整窗口大小时，Div会始终保持在页面的右侧。

如果需要在窗口大小调整时实时移动Div，可以使用JavaScript来监听窗口大小变化的事件，并在事件触发时更新Div的位置。

以下是一个使用JavaScript实现Div向左和向右移动的示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    div {
      position: fixed;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 100px;
      height: 100px;
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="myDiv"></div>

  <script>
    window.addEventListener('resize', function() {
      var div = document.getElementById('myDiv');
      var windowWidth = window.innerWidth;

      if (windowWidth > 800) {
        div.style.left = '0';
      } else {
        div.style.left = 'calc(100% - 100px)';
      }
    });
  </script>
</body>
</html>

在上述代码中，我们使用addEventListener方法来监听窗口的resize事件。当窗口宽度大于800px时，Div会固定在页面的左侧（left: 0），当窗口宽度小于等于800px时，Div会移动到页面的右侧（left: calc(100% - 100px)）。

这样，无论调整窗口大小时Div向左还是向右移动，都可以通过CSS和JavaScript来实现。