【问题标题】:AJAX div content not auto-adjusting page heightAJAX div 内容不自动调整页面高度
【发布时间】:2012-04-14 09:21:11
【问题描述】:

我有一个网页,用户在其中输入参数值,然后使用 Ajax 从服务器获取结果并显示在 div 中。虽然页面高度是弹性的(即,支持用侧边栏拉伸长内容,但在 div 内容更新时不会拉伸。

我是否需要为页面调用某种重绘或刷新方法?如果是,是哪个?我的页面也启用了 JQuery。

更新

该页面是一个包含完整 HTML 内容的 Drupal 页面。根据 FireBug,这里是带有样式的标签:

<div id="fw_results_content"
 style="position: absolute;
 top: 25px; width: 450px;
 text-align: justify;"> </div>

【问题讨论】:

  • 嗯,应该没问题,你有 jsfiddle 吗?
  • 您绝对不需要调用任何重绘或刷新方法。您可能想在jsfiddle.net 上发布您的代码或重现问题,否则很难说问题可能是什么。
  • 你能不能写出你容器div的css风格
  • 我已经更新了我的问题 + 我正在深入研究。

标签: javascript jquery ajax height repaint


【解决方案1】:

这很可能是 div 或其父容器之一的静态高度或位置问题。

如果 div 或其父级之一具有 position: fixed 或 position: absolute,则从页面高度计算中将其省略。

同样,如果 div 的父级有一个静态设置的高度,它的高度也将在页面高度计算中被忽略。

更新

阅读您的更新后,可以肯定地说您的困境的根源是

style="position: absolute;

这告诉浏览器在计算窗口高度时忽略元素的高度。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-11-03
    • 1970-01-01
    • 1970-01-01
    • 2013-11-12
    • 1970-01-01
    • 2015-02-14
    • 2018-05-16
    • 1970-01-01
    相关资源
    最近更新 更多