将一个带大边框的div放在另一个不带边框的div上

<div id="outerDiv"></div>
<div id="innerDiv"></div>

#outerDiv {
  border: 2px solid black;  /* 设置边框样式和大小 */
  background-color: lightgray;  /* 设置背景颜色 */
  width: 300px;  /* 设置宽度 */
  height: 200px;  /* 设置高度 */
}

#innerDiv {
  background-color: white;  /* 设置背景颜色 */
  width: 100px;  /* 设置宽度 */
  height: 100px;  /* 设置高度 */
  margin: 50px;  /* 设置外边距 */
}

const outerDiv = document.getElementById("outerDiv");
const innerDiv = document.getElementById("innerDiv");

outerDiv.appendChild(innerDiv);