我有一个带有产品信息的引导模式。在该模式上有一个附加的图像部分,该部分必须是水平可滚动的。我已经开始使用它了,但是我必须发送一个固定的宽度。无论如何,我可以使此绝对div适合内容宽度而无需将图像拖放到新行吗?

<div class="additional-images-container">
  <div>
    <img width="100px" height="100px" src="">
    <img width="100px" height="100px" src="">
    <img width="100px" height="100px" src="">
    <img width="100px" height="100px" src="">
    <img width="100px" height="100px" src="">
    <img width="100px" height="100px" src="">
    <img width="100px" height="100px" src="">
    <img width="100px" height="100px" src="">
  </div>
</div>

.additional-images-container {
    height: 120px;
    overflow-x: scroll;
    position: relative;
}

.additional-images-container div {
    position: absolute;
    width: 200%;
}


同样,我需要的是子div自动调整其宽度大小,并使用水平滚动条(必要时)使父对象溢出。我不能用jQuery来做到这一点。

最佳答案

从字面上看,在发布此问题并花了几个小时后就知道了。

刚刚删除的宽度:200%;并替换为min-width:max-content;

10-05 20:53
查看更多