Comment organiser de nombreux <div> éléments côte à côte sans envelopper
Il existe trois éléments div côte à côte dans un conteneur div, dont la largeur est inférieure à la largeur totale Des enfants. Ici vous pouvez trouver le Fiddle du boîtier:
Je veux faire défiler conteneur div horizontalement afin de montrer aux autres enfants.
Comment faire en sorte que les enfants ne restent pas dans le conteneur div? Il défile maintenant verticalement, je veux qu'il défile horizontalement.
Remplacez float: left par display: inline-block; et ajoutez white-space: nowrap au conteneur.
Vous avez besoin d’une autre div dans la liste déroulante div dont la largeur totale est égale à toutes les largeurs de ses enfants.
Voir: http://jsfiddle.net/joshdavenport/SasDh/2/
Il y avait déjà une div supplémentaire alors j’ai utilisé celui-là
Bonus: pour supprimer la barre de défilement verticale, utilisez overflow-y: hidden. Voir: http://jsfiddle.net/joshdavenport/SasDh/3/
La balise <span> permet de regrouper des éléments intégrés dans un document.
(la source)