根据内部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;
}

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

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

Answer 1

我认为你只是做得太多了 - 除非你有一个特定的规则，否则div应该自动扩展以适应其中的文本内容。你有一个规则来指定所有div的高度吗？这就是为什么你有高度：auto！important在这里很重要？你在使用重置样式表吗？这些规则之外的东西正在影响你的div。

希望这能指出正确的方法。

Answer 2

Div除非另有说明，否则应自动更新高度和宽度。你的jQuery代码更新div是什么？你用什么来显示浏览器的div（因为它目前设置为display：none）？您是否尝试使用firebug来检查元素？