javascript - 根据内部div调整div的高度

Question

我有一组像这样的 div:

<div id="textArea">
    <div id="text"></div>
</div>

CSS 属性:

#textArea {
   height: auto !important;
   min-height: 2em;
   overflow: hidden;
}

#text{
display: none;
}

我正在使用 jQuery 从 POST 请求返回的错误消息填充 ID 为 "text" 的 div。返回的数据大小不是静态的，但我的问题是 div 没有调整。

我基本上是在尝试模仿 Ruby on Rails 默认的 flash 消息，它会使用动态调整的 div 将 div 推到页面下方。

Answer 1

我认为您只是做得太多了——div 应该自动扩展以适应其中的文本内容，除非您有特定的规则另有说明。您是否有为所有 div 指定高度的规则？这就是为什么你有 height: auto !important 吗？您使用的是重置样式表吗？这些规则之外的东西正在影响您的 div。

希望这能为您指明正确的道路。