Wie vermeiden Sie, dass untergeordnete Blockelemente umgebrochen werden?

Question

Ich habe einen Container div .parent mit einer festen Breite 500px, die eine Menge von Child divs .child enthält.

Das Problem ist, dass die Kinder divs automatisch eingewickelt werden, in meinem Fall möchte ich, dass sie in einer Zeile fortgesetzt werden, auch wenn sie ausgeblendet werden und danach benutzerdefinierte Schaltflächen zum horizontalen Scrollen der .parent div hinzufügen.

Demo: http://jsbin.com/egohi3

Wie das erreichen mit dem Halten des Schwimm?

Dank

Answer 1

Machen Sie das übergeordnete Element white-space:nowrap und die untergeordneten Elemente haben display:inline-block (statt floating) zu sein. Hier ist ein modifiziertes Beispiel: http://jsfiddle.net/7we5q/

Answer 2

@ Phrogz Antwort wird funktionieren. Sie könnten auch ein weiteres Wrapper <div> innerhalb "Eltern" hinzufügen und es sowohl "Überlauf: versteckt" und eine riesige Breite (wie "Breite: 100000px;").