我有一个带有产品信息的引导模式。在该模式上有一个附加的图像部分,该部分必须是水平可滚动的。我已经开始使用它了,但是我必须发送一个固定的宽度。无论如何,我可以使此绝对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;