水平滚动未启用

发布于 2024-11-04 02:02:50 字数 318 浏览 2 评论 0原文

我有一个通过 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 的中间）。如何将滚动条停靠到容器底部？

原文

I have a div that is populated via an AJAX request. My css is listed below:

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

EDIT* I was able to get the horizontal scrollbar to show up, however, it shows up directly below the last line pulled from the ajax request (sometimes in the middle of the div). How do i dock the scrollbar to the bottom of the container?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

握住你手 2024-11-11 02:02:50

尝试 overflow:scroll;

http://jsfiddle.net/StDQu/

回复收藏 0 原文

[旋木] 2024-11-11 02:02:50

具有“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;
}

这是 jsfiddle 上的示例

Does the DIV with the class "ps_content_frame" have a width assigned to it?

If not, I don't think that the horizontal scroll bars will appear.

Here is some test code:

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

Here is the example on jsfiddle

回复收藏 0 原文