无论支架宽度如何，都强制我的div扩展

Question

如何强制我的float类浮动：左边，无论包装宽度如何。我希望调用类g_photo的内容向内容正确，当它到达包装器的末尾时不要掉到下一行。

HTML：

<div id="wrapper">

<% for gallery_photo in @gallery.gallery_photos %>

<div class="g_photo"><%= image_tag gallery_photo.photo.url(:normal) %></div>

<% end %>

</div>

的CSS：

#wrapper{width:800px;}
.g_photo{width:auto; float:left; margin-right:10px;}

如果我设置宽度为2000px，这对静态内容工作正常，但内容是动态的，所以宽度可能小一些。

我会很乐意为你提供任何帮助！

P.S。我正在使用jScrollHorizo​​ntalPane如果我声明宽度而不是自动宽度，我可以使它工作。

Answer 1

我没有足够的代表发表评论，所以我会问你几个问题并根据我认为的问题给你一个答案。

基本上，你想要连续堆叠东西，即使该行长于其父元素设置的800px宽度，＃wrapper？

如果是这样，你就不能。浮动：当空间不足时，左侧将始终跳到下一行。我确实认为溢出属性可以工作，但事实并非如此。