Comment éviter que les éléments du bloc enfant soient enveloppés?

Question

J'ai un conteneur div .parent avec une largeur fixe 500px qui contient beaucoup de div div .child. Le problème est que les enfants div sont automatiquement enveloppés, dans mon cas, je veux qu'ils continuent dans une ligne, même s'ils seront cachés et après cela, je vais ajouter des boutons personnalisés pour faire défiler horizontalement le .parent div.

Démo: http://jsbin.com/egohi3

Comment parvenir à maintenir le flottant?

Merci

Answer 1

Faire l'élément parent ont white-space:nowrap et les éléments de l'enfant d'être display:inline-block (au lieu de flotter). Voici un exemple modifié: http://jsfiddle.net/7we5q/

Answer 2

@ La réponse de Phrogz fonctionnera. Vous pouvez également ajouter un autre wrapper <div> à l'intérieur de "parent" et lui donner à la fois "débordement: caché" et une énorme largeur (comme "largeur: 100000px;").