Overflow-x ne fonctionne pas

Je suis en train de mettre en œuvre un curseur pour ma galerie.
Maintenant,le css a un problème d'overflow-x ne fonctionne pas correctement.
(Je veux une barre de défilement horizontale et non verticale de défilement)

Voici la violon:

Veuillez jeter un oeil.

.testimg{
    height: 100%;
    width: 100%;
}
#testDiv{
    width: 400px;
    overflow: auto;
    float: left;
    overflow-y:hidden;
    border:1px solid black; 
}
.testimgdiv{
    width: 120px;
    height: 100px;
    float: left;
}
stackoverflow.com/questions/9707807/...
N'a pas fonctionné... déjà essayé
Et pour qui bas voté ce cas,veuillez expliquer pourquoi..
A donné un upvote de même. La pensée de la downvote était dure.

OriginalL'auteur Nevin Madhukar K | 2014-06-10

  1. 30

    Une fois que vous avez flottaient des éléments, vous avez pris le flux de documents et il ne sera pas calculé dans le parent de largeur. Vous devez utiliser une combinaison de display: inline-block sur les éléments au lieu de flotter, et ensuite utiliser white-space: nowrap sur le parent.

    #testDiv{
  width: 400px;
  overflow-x: auto;
  border:1px solid black;
  white-space: nowrap; 
  font-size: 0;
}
.testimgdiv{
  width: 120px;
  height: 100px;
  display: inline-block;
}

    Violon

    Note: je suis en utilisant font-size: 0 pour que les éléments apparaissent à côté de l'autre.

    Comment font-size:0 faire apparaître l'un après l'autre?
    css-tricks.com/fighting-the-space-between-inline-block-elements

    OriginalL'auteur

  2. 0
    #testDiv {
   border: 1px solid #FF0000;
   float: left;
   height: auto;
   overflow-x: auto;
   width: 400px;
}
    Votre code ne fonctionne pas
    ok tu veux dire jsfiddle.net/kisspa/6H43f/4

    OriginalL'auteur