如何调整div大小并在同级div之间滚动

要调整div大小并在同级div之间滚动，可以使用CSS和JavaScript来实现。

使用CSS设置div的样式和布局：
- 设置div的宽度和高度，可以使用width和height属性来指定具体数值或百分比。
- 设置div的溢出属性，使用overflow属性来控制内容溢出时的处理方式。如果希望在同级div之间滚动，可以设置为overflow: auto或overflow: scroll，这样当内容超出div的尺寸时，会自动显示滚动条。
- 设置div的位置，可以使用position属性来指定定位方式，例如position: relative或position: absolute。
- 设置div的排列方式，可以使用display属性来指定布局方式，例如display: flex或display: grid。

使用JavaScript监听事件并动态调整div大小：
- 使用JavaScript获取需要调整大小的div元素，可以使用document.getElementById()或document.querySelector()等方法。
- 监听窗口大小变化事件，可以使用window.onresize事件来实现。
- 在事件处理函数中，根据需要调整div的大小，可以使用style.width和style.height属性来修改div的宽度和高度。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    .container {
      width: 300px;
      height: 200px;
      overflow: auto;
      border: 1px solid #ccc;
    }
    .item {
      width: 100%;
      height: 100px;
      border: 1px solid #ccc;
      margin-bottom: 10px;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="item">Item 1</div>
    <div class="item">Item 2</div>
    <div class="item">Item 3</div>
    <div class="item">Item 4</div>
    <div class="item">Item 5</div>
  </div>

  <script>
    window.onresize = function() {
      var container = document.querySelector('.container');
      var windowHeight = window.innerHeight;
      var containerHeight = windowHeight - 100; // 调整div高度的逻辑，这里仅作示例
      container.style.height = containerHeight + 'px';
    };
  </script>
</body>
</html>

在上述示例中，.container是包含多个同级的.item的div容器。通过设置.container的overflow属性为auto，当.item的高度超过.container的高度时，会自动显示滚动条。JavaScript部分监听窗口大小变化事件，并根据需要调整.container的高度，以适应窗口大小的变化。

这里没有提及具体的腾讯云产品，因为调整div大小并在同级div之间滚动是前端开发的基本技术，与云计算领域的特定产品关系不大。