浮动div - 没有排成一行

Question

我有一个浮动div的问题。在this site上，您可以看到显示问题的演示。有一个画廊应该在一行中显示所有图像。不幸的是，所有图像都显示在下面。每个滑动包装器是相对定位的，具有给定的高度和宽度，并且它也具有向左设置的浮动。它看起来很标准，但在这种情况下它对我不起作用：（。

所有代码都与网站捆绑在一起，因此比在此处发布更好的方法是查看网络检查员。但如果有人会介意，我可以在这里提供一些代码：）

感谢您的帮助

Answer 1

你的问题不是浮动，那很好，应该是浮动的：左。

但要将所有图像从左到右，你需要一个更宽的父元素，在你的情况下，尝试改变这个：

<div class="sGalleryWrapper" style="top: 90px; height: 576px;"></div>

到此：

<div class="sGalleryWrapper" style="top: 90px; height: 576px; width: 10000px;"></div>

应该有所帮助。 10000px宽度是一个虚构的数字。要查看对您来说足够多，请计算您尝试对齐的所有div的总宽度。

让我们说它们都是500px宽，其中有10个。如果您的div上没有边距，5001px（一个已添加）应该足够了。如果你有边距也添加它们。