我正在开发一个 jquery slider ，但我没有使用固定宽度的容器，而是使用了整个浏览器窗口。我已经设置了 jQuery 来修复边距以确保它正确居中(尽管我只是在演示中将它们设为 500 像素以保持简单)，但问题是当我尝试添加更多 div 时，它会把它们放在第二行而不是将它们放在浏览器的边缘之外。这是我的代码:http://jsfiddle.net/JsPZT/
最终，我将更改溢出，以便它们在超出浏览器边缘时隐藏，但现在，我只想知道它们在同一条线上，而不是被推到第二条线上。
所以我的问题是我应该在 CSS 中更改什么以确保 div 始终在同一行上，即使这意味着将它们推到窗口边缘之外？
最佳答案
要使 div 在离开屏幕时保持在同一行，您有多种选择。以下是我能想到的。
使父容器始终足够大以容纳要 float 的 div。理论上，他们不应该那样跳到下一行，但我自己没有尝试过。
另一种选择是分别在父级和子级 div 上使用 display:table 和 display:table-cell 的组合。您只需确保支持您想要支持的浏览器。
我最后的想法是用position:absolute设置每个div。然后，只需将 left 属性调整为 100% * x 即可将 div 放置在屏幕左侧或右侧。根据您尝试执行的操作，当它们离开可视区域时，您可以将它们留在 left:-100% 或 100%。如果您希望 div 在可视区域上方或下方离开屏幕，则同样适用于 top 属性。
关于html - 你如何强制 div 在同一行上，即使这意味着它们被推到浏览器的边缘之外？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6413529/