Как сделать горизонтальную прокрутку на странице

У меня есть div, в котором помещены внутренние div, мне нужно сделать все внутренние div в строке, и должна отображаться горизонтальная полоса прокрутки (я знаю, это звучит безумно, но мне это нужно). Я пробовал автоматическую ширину контейнера и прокрутку переполнения, но ничего.

Как это сделать?

моя разметка:

   

 
  
  text-overflow
  
  body{
    width: auto;
  }
  #items{
  overflow-x: scroll;
  width: auto;
  }
  .item{
     display: inline-block;
     width: 400px;
     height: 100px;
     border:1px solid;
  }
  
 
 

        
           
             Item content
           
           
             Item content
           
           
             Item content
           
           
             Item content
           
           
             Item content
           
           
             Item content
           
        

 

Ответы на вопрос(3)


  
    
      
        
           your value 
        
      
Решение Вопроса

использованиеwhite-space: nowrap; на#items

#items{
    overflow-x: scroll;
    width: auto;
    white-space: nowrap;
}

DEMO

 testCoder14 нояб. 2012 г., 14:04
Большое спасибо.
 Zoltan Toth14 нояб. 2012 г., 14:09
Добро пожаловать.

просто задайте #items для height и overflow-x: auto.

#items{
      overflow-x: auto;
      width: auto;
       height: 200px;
      }
 Zoltan Toth14 нояб. 2012 г., 14:02
Нету -jsfiddle.net/Bhjvg/2 внимательно прочитайте требование ОП мне нужно сделать все внутренние деленияв соответствии"
 brightboy200414 нояб. 2012 г., 13:59
чтобы проверить горизонтальную прокрутку, просто укажите ширину: 300px для #items вместо width: auto.
 Zoltan Toth14 нояб. 2012 г., 13:53
что выигралт работаjsfiddle.net/Bhjvg/1

Ваш ответ на вопрос