Css 如何获得<；部门>；在不指定宽度的情况下水平延伸到页面（或Iframe）边界之外

所以我有一个网页，它在一个600px宽的iframe中显示了一些内容。iframe中UI的包装器为500px宽，溢出设置为隐藏。在这个UI中是一个包含一行水平排列的照片的界面。不同的用户会有不同数量的照片，因此不能指定宽度。在大多数情况下，所有照片（及其边距）的宽度将超过500px宽的用户界面，因此并非所有照片都能一次看到。用户将能够水平拖动和滚动此页面，以便在页面加载时查看不在视图中的照片

.wrap{
宽度：500px；
溢出：隐藏；
保证金：0自动；
}
.滚动条容器{
位置：相对位置；
高度：100px；
}
.卷轴{
位置：绝对位置；
z指数：100；
}
.滚动条img{
利润率：0.5px；
}

我的问题是，因为在包装的右边缘和图片的右边缘之间只有100px，所以滚动条在将图片“包装”到第二行之前只会扩展该100px，并垂直扩展其高度，因为它已到达图片的右边缘。为了使照片水平滚动，它们必须全部保留在一行中

如果我能够为滚动条指定一个固定的宽度，它将扩展到的边界之外，并保持在1行中，一切都会很好。但由于用户之间的宽度会有所不同，这是不可能的

---

是否只有CSS才能使非固定宽度超出

的右边界？

将

空白：nowrap

添加到

.scroller

中。这将（i）防止图像进入换行符（ii）在必要时将div水平扩展超过100%宽度

---

我尝试了空白：无换行无效。一旦iframe中的空间用完，它将停止水平扩展，并将剩余内容包装到下一行。scroller将被分配给

，图像将作为各自的
• （向左浮动或显示：内联块）或必须是s？我想知道浮动是否会引起任何并发症？？在实验中没有害处：）话虽如此，

  空白：nowrap

  不适用于浮动。您可以使用

  空白：nowrap；列表样式：ul上无

  ，li上显示：内联块。