添加更多内容时，div标签宽度会扩展

Question

我正在为朋友制作一个简单的网站。他需要定期添加图像，但他没有编码知识。我的想法是让div显示他的图像（水平按照他的要求）扩展所以他所要做的就是在代码中添加更多图像并通过filezilla上传。

我无法让div对其中的内容做出反应。这是代码：

#images {
    width:5000px;
    height:500px;
    display:inline-block;
    margin-left:250px;
    margin-top:-80px;
}
#images img {
    height:500px;
}

这有效，但意味着每次添加新内容时都必须更改div的宽度，我需要它随内容一起增长。

有什么想法吗？

Answer 1

更新您的容器类以包含white-space:nowrap;，您也可以删除宽度。

 #images {
   height: 500px;
   display: inline-block;
   white-space:nowrap;
   margin-left: 250px;
   margin-top: -80px;
 }

如上所述，不建议水平滚动。您也可以向左移动项目，但这只会影响浏览器的视口。