css - 使用 mootools 设置 innerHTML 后调整 div 的大小

标签 css ajax html mootools

我在一个简单的页面中使用 mootools 1.2。有一个显示通过 JS/ajax 提交的表单(称为 formdiv)的 div。 ajax 请求返回一些数据“确认消息”。

但是,formdiv div 开始时可能有 500px 高以容纳表单元素。当 ajax 请求返回可变长度返回数据(“确认提交!”)时,div 保持 500px 高,留下大量额外空间。

我的问题是,在使用 innerHTML 更新内容后,有没有办法让 div 恢复以适应新内容?

谢谢

编辑:补充一点,Ajax 调用返回的数据可以是可变长度的——所以我不能假设它会是某个高度,然后将 div 重置为该高度。

最佳答案

如果您的 div 以使用 CSS 预定义的高度开始,那么您应该做的就是将其高度设置为 auto 或在它们被设置为内联时完全清除样式。

检查 this JSFiddle (它在这里与 jQuery 一起工作,但是当涉及到浏览器呈现 div 时,这并不重要)

关于css - 使用 mootools 设置 innerHTML 后调整 div 的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5381345/

相关文章:

html - 使用第 n 个 child 时出错

jquery - 文本从一个 div 流向另一个 div

javascript - 如何从 Node.js Express 中的 xhttp.send() 检索数据

html - 如果鼠标悬停或处于事件状态,则创建 3 个具有更改背景的 DIV

html - 如果没有此 CSS 修复,为什么我的框边框不能围绕其中的 float 框? (修复是如何工作的?)

javascript - 如何在 CSS 中动态更改动画名称

html - 如何让两个div直接出现在彼此之上

javascript - 出现直到关闭一次的 jQuery 欢迎消息 (Rails 3)

javascript - 如何通过ajax在wordpress前端上传图片

php 错误地回显标签外的内容