Comment faire de défilement horizontale sur la page

J'ai de la div dans laquelle placé à l'intérieur de la vrd j'ai besoin de faire tous les intérieurs les divisions en ligne et la barre de défilement horizontale doit être affiché (je sais que ça semble fou, mais j'ai besoin de ça). J'ai essayé conteneur largeur de l'auto et du dépassement de défilement mais rien.

Comment le réaliser?

balisage:

   <!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>text-overflow</title>
  <style>
  body{
    width: auto;
  }
  #items{
  overflow-x: scroll;
  width: auto;
  }
  .item{
     display: inline-block;
     width: 400px;
     height: 100px;
     border:1px solid;
  }
  </style>
 </head>
 <body>

        <div id="items">
           <div class="item">
             Item content
           </div>
           <div class="item">
             Item content
           </div>
           <div class="item">
             Item content
           </div>
           <div class="item">
             Item content
           </div>
           <div class="item">
             Item content
           </div>
           <div class="item">
             Item content
           </div>
        </div>

 </body>
</html>

OriginalL'auteur testCoder | 2012-11-14