如何根据内容动态设置div的宽度和高度

var contentDiv = document.getElementById("contentDiv"); // 获取需要设置宽度和高度的div元素
var contentWidth = contentDiv.scrollWidth; // 获取内容的宽度
var contentHeight = contentDiv.scrollHeight; // 获取内容的高度

contentDiv.style.width = contentWidth + "px"; // 设置div的宽度
contentDiv.style.height = contentHeight + "px"; // 设置div的高度

.container {
  display: flex;
  flex-wrap: wrap;
}

.contentDiv {
  flex: 1 0 auto;
}

.container {
  display: grid;
}

.contentDiv {
  grid-area: 1 / 1 / span 1 / span 1;
}