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

Question

无论包装器宽度如何，如何强制我的 float 类为 float:left。我希望在类 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;}

如果我将宽度设置为 2000 像素，这适用于静态内容，但内容是动态的，因此宽度可能较小或较大。

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

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

Answer 1

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

基本上，即使该行的长度超过其父元素#wrapper 设置的 800 像素宽度，您也希望将东西并排堆叠成一排？

如果是这样，你不能。浮动：当空间用完时，left总是会跳到下一行。我确实想过溢出属性可以工作，但事实并非如此。