在容器内创建div以自动调整大小

<div id="container"></div>

#container {
  width: 100%; /* 设置宽度为100% */
  height: auto; /* 高度自适应 */
  display: flex; /* 使用flex布局 */
  flex-wrap: wrap; /* 允许子元素换行 */
}

window.addEventListener('resize', function() {
  var containerWidth = document.getElementById('container').offsetWidth; // 获取容器宽度
  var divs = document.getElementsByClassName('child-div'); // 获取所有子元素

  for (var i = 0; i < divs.length; i++) {
    var div = divs[i];
    var divWidth = containerWidth / 3; // 计算每个子元素的宽度，这里假设每行显示3个子元素
    div.style.width = divWidth + 'px'; // 设置子元素宽度
    div.style.height = divWidth + 'px'; // 设置子元素高度，这里假设宽高相等
  }
});