Горизонтальная прокрутка не включена

Question

У меня есть div, который заполняется с помощью AJAX-запроса. Мой css указан ниже:

.ps_content_frame{
  height: 250px;
  margin: 1px 0px 1px 0px; 
  border: 1px solid gray;
  white-space:nowrap;
  overflow: auto;
  background-color: white !important;
}

РЕДАКТИРОВАТЬ * Мне удалось отобразить горизонтальную полосу прокрутки, однако она отображается непосредственно под последней строкой, извлеченной из запроса ajax (иногда в середине div). Как закрепить полосу прокрутки в нижней части контейнера?

Answer 1

Имеет ли DIV с классом "ps_content_frame" назначенную ему ширину?

Если нет, я не думаю, что появятся горизонтальные полосы прокрутки.тестовый код:

<div class="ps_content_frame">
    <div class="fixedwidth">asdasd</div>
</div>

.ps_content_frame{
  height: 250px;
  margin: 1px 0px 1px 0px; 
  border: 1px solid gray;
  white-space:nowrap;
  overflow: auto;
  background-color: white !important;
  /* width:400px; uncomment me*/
}

.fixedwidth
{
    width:500px;
}

Вот пример на jsfiddle

Answer 2

Я нашел проблему, div наследовал высоту от другого класса. где высота была установлена ​​на авто и помечена как! важный.

Answer 3

Попробуйте overflow:scroll;

http://jsfiddle.net/StDQu/