Question

我有一个通过AJAX请求填充的div。我的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

尝试overflow:scroll;

http://jsfiddle.net/StDQu/

Answer 2

带有“ps_content_frame”类的DIV是否指定了宽度？

如果没有，我认为不会出现水平滚动条。

以下是一些测试代码：

<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;
}

以下是example on jsfiddle

Answer 3

我发现了这个问题，div从另一个类继承了高度。其中height设置为auto并标记为！important。

水平滚动无法启用

3 个答案: