jquery - 浮动 div - 未在一行中对齐

Question

我有浮动 div 的问题。在此站点上，您可以看到显示问题的演示。有一个画廊应该在一个宽行中显示所有图像。不幸的是，所有图像都显示在下面。每个幻灯片包装器都是相对定位的，具有给定的高度和宽度，并且也将浮动设置为左侧。它看起来像非常标准的东西，但在这种情况下它对我不起作用:(。

所有代码都与站点捆绑在一起，因此比在此处发布更好的是在网络检查器中查找。但如果有人介意，我可以在这里提供一些代码:)

谢谢你的帮助

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（添加一个）对您来说应该足够了。如果您有边距，请添加它们。