我正在尝试使用 javascript 制作图像以在 div 中滚动以创建元素

问：

这是链中第一个 div 的类。我在 html 文档中创建了这个 div。

.content {
    width: 76%;
    line-height: 160%;
    position: absolute;
    text-align: center;
    left: 12%;
    z-index: 0;
}

然后，我在第一个 div 元素中创建一个 div 并为其赋值以使其可滚动。

   let div1 = document.createElement('div');
    div1.style.width = "350px";
    div1.style.height = "auto";
    div1.style.margin = "10px";
    div1.style.position = "relative";
    div1.style.display = "inline-block";
    div1.style.whiteSpace = "no-wrap";
    div1.style.overflow = "auto";
    div1.style.border = "2px solid paleturquoise";
    div1.style.borderRadius = "10px";
    div1.id = "divcontain" + x;

现在，我从数据库中的字符串中获取图像路径，并将它们附加到 div1 元素中。

    pictures = imagepath[x].split(" ");
    for (let z = 0; z < pictures.length; z++) {
        let img = document.createElement('img');
        img.style.width = "320px";
        img.style.height = "auto";
        img.style.float = "left";
        img.style.marginRight = "5px";
        img.src = pictures[z];
        div1.appendChild(img);
    }

如果您在 html 中创建元素，此代码将起作用。但是当我使用 javasctipt 创建它们时，我让它们垂直堆叠而没有滚动条，而不是水平堆叠使用滚动条。