Question

I have a div with overflow: auto. Suppose I want to put an arbitrary number of div elements inside it such that there is no line wrapping (the additional elements spill into the hidden area and can be scrolled to).

If I knew how wide all those elements would add up to be, I could do this:

<div class="scrollable">
    <div class="fixed-width-container">
        <!-- elements float left or display inline-block -->
    </div>
</div>

Can I get this effect without knowing the total width of the contained elements?

Answer 1

UPDATE #2

Check updated fiddle: http://jsfiddle.net/cyCY3/2/

---

UPDATE

Check fiddle: http://jsfiddle.net/cyCY3/

---

Specifying a fixed width and white-space: nowrap for the child elements should solve the issue.