Заставить мой div расширяться независимо от ширины держателя

Question

Как заставить мой класс с плавающей точкой плавать: слева независимо от ширины оболочки. Я хочу, чтобы содержимое, вызываемое в классе 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. Я использую jScrollHorizontPane. Я могу заставить его работать, если я объявлю ширину, но не на автоматической ширине.

Answer 1

Мне не хватает представителя, чтобы комментировать, поэтому я спрошу у вас несколько вопросов и дам ответ, основываясь на том, что я думаю, в чем проблема.

По сути, вы хотите хранить элементы в строке рядом друг с другом, даже если эта строка становится длиннее, чем ширина 800px, установленная его родительским элементом, #wrapper?

Если это так, вы не можете. Float: left всегда будет переходить к следующей строке, когда в ней заканчивается свободное место. У меня была мысль, что свойство переполнения может работать, но это не так.